标签: kendo-grid

在我的局部视图中,我在Kendo Splitter中声明了一个Kendo Grid.

@(Html.Kendo().Splitter()
  .Name("adminSplitter")
  .Orientation(SplitterOrientation.Horizontal)

  .Panes(p =>
             {
                 p.Add()
                    .HtmlAttributes(new
                                            {
                                                id = "adminLeftHandPane"
                                            })
                    .Resizable(false)
                    .Size("150px")
                    .Content(@<text>
                                @(Html.Kendo().Grid<AdministrativeTask>()
                                    .Name("grdAdminTasks")
                                    .ClientRowTemplate("<tr class=\"gridRow\"><td style=\"cursor:pointer\"><img src=\"#=ImageUrl#\" style=\"height: 16px; width: 16px;\" />&nbsp;#=Title#</td></tr>")

                                    .Columns(c => c.Bound(i => i.Action)
                                                   .Title("Administrative Tasks"))
                                    .Selectable(s => s.Mode(GridSelectionMode.Single))
                                    .DataSource(ds => ds.Ajax().Read("LoadAdministrativeTasks", "Admin").ServerOperation(false))
                                    .Events(e => e.Change("change"))
                                )
                            </text>);
                 p.Add()

                    .HtmlAttributes(new
                                            {
                                                id = "adminRightHandPane"
                                            })
                    .Content(@<text>
                                  <div id="adminRightHandPaneContent"></div>
                              </text>)
                                            ;
             }
  )

  )

在这个局部视图中,我的脚本看起来像这样

<script>
function change() {
    var row = this.select();
    var item = this.dataItem(row);

    $.ajax({
        url: '/' …

我已经使用POPUP选项安装了KendoGrid.

现在我卡在某个地方,我无法找到任何帮助,以我想要的方式解决它..

所以这是我面对KendoGrid弹出编辑的问题.

当我单击添加新记录时,顶部的标题显示编辑,与我单击编辑时显示的相同.

http://jsfiddle.net/valchev/BCBzS/1/

按钮显示更新,而不是它应该是创建弹出窗口上的保存按钮..

我想我必须在下面添加更多类似的内容来创建新记录..

editable: {
    mode: "popup",
    template: kendo.template($("#popup_editor").html())
},

弹出创建模板与编辑模板不同？

任何人都可以帮我解决这个问题吗？

我在分层网格中添加子记录时遇到问题.它不会从网格中的父级传递HeaderId.

任何人都可以发现问题,或者我是否尝试做一些不可能的事情？谢谢.

这是控制器动作:

[AcceptVerbs(HttpVerbs.Post)]
        public ActionResult BillDetail_Create(BillDetail billDetail, int billHeaderId)
        {
            if (billHeaderId == 0)
            {
                ModelState.AddModelError("billHeaderID", "add bill header first");
            }
            if (billDetail != null && ModelState.IsValid)
            {
                var target = new BillDetail
                {
                    Category = billDetail.Category,
                    Description = billDetail.Description,
                    Amount = billDetail.Amount,
                    BillHeaderId = billHeaderId,
                    BillDetailId = SessionBillDetails.Max(d => d.BillDetailId) + 1
                };

                //Get next Id in sequence

                billDetail.BillDetailId = target.BillDetailId;

                SessionBillDetails.Add(target);
            }

            return Json(new[] { billDetail }.ToDataSourceResult(new DataSourceRequest(), ModelState));
        }

以下是观点:

@(Html.Kendo().Grid<BillHeader>()

    .Name("BillHeaders")
    .Columns(columns =>
    {
        columns.Bound(h …

我正在使用KendoUI工具进行我的Application.In我正在使用一个Kendo Grid,其中有一个工具栏点击,它向我显示一个弹出窗口,两个按钮在那里作为"更新"和"取消"并想要更改text更新为"Save".我正在使用MVC创建我的应用程序.我的代码如下:

@(Html.Kendo().Grid<Invoice.Models.ViewModels.DossierViewModel>()
    .Name("Dossier")
    .Columns(columns =>
    {

        columns.Bound(p => p.DisplayID).ClientTemplate("<a href=" + @Url.Content("~/Document/DocumentList/#= data.DossierID#") + ">#=data.DisplayID#</a>").Title("Dossier").Width(80);

        columns.Bound(p => p.CustomerName).Title("Customer").Width(150);

        columns.Bound(p => p.InvoiceNumber).Title("INV no.").Width(100).ClientTemplate("<a href=" + @Url.Content("~/Home/PrintInvoice/#= data.InvoiceNumber#") + " target='_blank'>#=data.InvoiceNumber#</a>");

        columns.Bound(p => p.Status).ClientTemplate("#=data.Status#");


    })
    .ToolBar(toolbar =>
    {
        toolbar.Create().Text("Add New Dossier");
        toolbar.Custom().Text("Search").Action("AdvanceSearch", "Dossier");
    })

    .Pageable()

    .Sortable()
    .Scrollable()
    .Filterable()
    .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("New_Dossier"))                    //Having Different Template for New Dossier
    .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(15)
            .Model(model => { model.Id(p => p.DossierID); })
            .Read(read => read.Action("Dossier_Read", "Dossier"))
            .Create(create => create.Action("Dossier_Create", "Dossier", new { @CompanyID = …

我想在kendo网格中获取所选行的行值.请在此处查看演示.例如,在按钮单击时,我希望将所选行的所有名称或ID作为数组或逗号分隔的字符串.我怎样才能做到这一点？谢谢.

剑道网格

      $('#getNames').click(function(){

//how to get all the names of selected rows?
alert('you have selected these people:')

    });

$("#grid").kendoGrid({
                    dataSource: {
                        type: "odata",
                        transport: {
                            read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
                        },
                        pageSize: 10
                    },
                    groupable: true,
                    sortable: true,
                    pageable: {
                        refresh: true,
                        pageSizes: true,
                        buttonCount: 5
                    },
                    columns: [
                        {
                            field: "", title: "", template: "<input type='checkbox' name='selectcandidate' />"
                        },
                        {
                        field: "ContactName",
                        title: "Contact Name",
                        width: 200
                    }, {
                        field: "ContactTitle",
                        title: "Contact Title",
                        width: 250
                    }, { …

我带了一个带有日期列的Kendo Grid.如下

@(Html.Kendo().Grid<RxConnectEntities.OrderDTO>(Model).Name("OrderList")
.Columns(columns =>
{
    columns.Bound(p => p.OrderID).Visible(false);
    columns.Bound(p => p.Drug).Width(60);
    columns.Bound(p => p.Quantity).Title("Quantity (gm)").Width(80);
    columns.Bound(p => p.OrderedDate).Format("{0:MM/dd/yyyy}").Title("Ordered On").Width(80);
})
.Scrollable(s=>s.Height("100%"))
.Sortable()
.Groupable()
.Filterable(f => f.Extra(false).Operators(o => o.ForString(str => str.Clear().StartsWith("Starts with").Contains("Contains")).ForDate(c=>c.IsGreaterThan("Is after").IsGreaterThanOrEqualTo("Is after or equal to").IsLessThan("Is before than").IsLessThanOrEqualTo("Is before or equal to"))))
.Pageable(p => p.PageSizes(new int[]{10,20,25,30,35}).Enabled(true).Refresh(true))
.DataSource(dataSource => dataSource
.Ajax().ServerOperation(false).PageSize(25)
.Model(m => m.Id(p => p.OrderID))
))

现在,当我在OrderedDate上应用过滤器时,它无法正常工作.它不等于条件.我不知道是什么问题.请帮忙.

我在我的asp.net mvc应用程序中使用了kendo grid MVC,在读取网格时我使用了这个模型

public ActionResult Read([DataSourceRequest] DataSourceRequest request, string sWorkPeriodId, string eWorkPeriodId, string personId)

一般来说,我使用此代码执行我的查询并将数据返回到网格

var dataLists = fdata.ToDataSourceResult(request);

fdata是:

var fdata = _session.Query<WfTask>();

但在其他情况下像这样我没有可查询我必须从api服务获取数据并使用列表:

var profile = JsonConvert.DeserializeObject<IEnumerable<PersonDetailInfoViewModel>>(resultApi);

  var result=(from t in  flowData join personDetailInfoViewModel in profile on t.wfhistory.Actor.Id equals personDetailInfoViewModel.PersonId orderby  t.wfhistory.StepNo)

所以第二个问题出了什么问题,第二个如果我没有过滤网格或者在脱离请求中排序我必须检索所有的配置文件数据并使用result.ToDataSourceResult(request); 这使我的查询变慢,因为配置文件上的数据超过18000,并且对于每个请求我必须得到它们但是如果我在请求对象中有过滤器和排序我可以读取更少的数据作为结果查询的速度增加.所以谁可以我解析DataSourceRequest的数据作为参数发送到api？

有没有办法如何在网格和其他列中只显示几列作为编辑器中的字段？

假设网格在只读模式下只显示"ID","名称","描述"等基本信息,但用户可以进行完整编辑,弹出编辑器将数据源中的其他字段显示为"类型","日期" ','类别',......

有多种方法可以隐藏编辑器中的字段,但是如何将它们隐藏在网格中并在编辑器中显示？

鉴于下面代码中提供的网格,如何在手机和电子邮件上设置验证,以利用此页面上提供的验证和屏蔽输入功能(http://demos.telerik.com/kendo-ui/maskedtextbox/index)？

例如,如果用户键入5628103322,则应将其格式化为(562)810-3322,因为其页面上的演示显示.此外,如果未正确输入的数字,则应提供错误消息.

对于电子邮件,我们如何做到这一点？

<div id="grid"></div>
<script>
    var crudServiceBaseUrl = "/api",
    dataSource = new kendo.data.DataSource({
        transport: {
            read:  {
                url: crudServiceBaseUrl + "/companies",
                dataType: "json",
                type: "POST"
            },
            update: {
                url: crudServiceBaseUrl + "/companies/update",
                dataType: "json",
                type: "POST"
            },
            destroy: {
                url: crudServiceBaseUrl + "/companies/destroy",
                dataType: "json",
                type: "POST"
            },
            create: {
                url: crudServiceBaseUrl + "/companies/create",
                dataType: "json",
                type: "POST"
            },
            parameterMap: function(options, operation) {
                if (operation !== "read" && options.models) {
                    return {models: kendo.stringify(options.models)}; …

我正在开发与ASP MVC 5项目，剑道UI和一些图层，但是我挣扎如何显示下拉列表的内部可编辑网格，我跟着这个例子：

网格编辑/自定义编辑器

但是，我遇到了严重的问题，因为下拉列表从不出现，它显示两个文本框。

另外，如果我运行外键列示例：

网格/外键列

我在数值上下方向上得到了不同的结果：

此外，我从StackOverflow测试了此示例，结果是两个文本框或数字上下（取决于是否绑定列或使用外键列）：

剑道网格中的dropdownlist不起作用

这是我的代码，在业务层中，我有以下类以便从数据库返回类别：

using Test.DB.Operations;
using System.Collections.Generic;
using System.Linq;

namespace Test.Business
{
    public class Category
    {
        public int ID { get; set; }
        public string Name { get; set; }
    }

    public class CategoryData
    {
        public static List<Category> GetCategories()
        {
            var catData = DatabaseService.GetEntities<DB.Category>().ToList();

            return (from cData in catData select new Category() { ID = cData.ID, Name = cData.Name }).ToList();
        }
    } …