标签: kendo-grid

对于我的Kendo数据源,结果json有一个列"TotalRecords",我如何将此总数设置为Kendo Datasource总数,以便我的服务器分页可以工作.我的代码如下:

 var iDataSource = new kendo.data.DataSource({
            transport: {
                read:
                    {
                        url: service_URL + "GetUnconfirmedppointments",
                        datatype: "json",
                        type: "GET"
                    },
                parameterMap: function (options) {
                    return {
                        appointmentNos: Appointment_Number.value,
                        loadNumbers: Load_Number.value,
                        purchaseOrders: Purchase_Orders.value,
                        dateFrom: Date_From.value,
                        dateTo: Date_To.value,
                        warehouse: warehouses.value,
                        carrierId: cr_carrier_id,
                        sortColum: getOrderBy(options.sort),
                        sortDirection: getOrderDir(options.sort),
                        pageSize: options.pageSize,
                        pageNumber: options.page
                    };
                }
            },
            schema: {
                model: {
                    fields: {
                        APP_APPOINTMENT_ID: { type: "number" },
                        APPOINTMENT_DATE: { type: "date" },
                        LO_LOAD_NUMBER: { type: "number" }
                    }
                }
            },
            pageSize: 5,
            total: function (response) …

在发布之前,我在网上搜索了相关问题,但找不到任何相关问题的帮助.

我正在使用CodeIgniter下的Web应用程序.我正在使用KendoUI.KendoUi已安装.

问题是我想使用KendoUi网格,但该网格遵循json格式和其他像xml.

但问题是,我在kendoUi网站上看到的文档,据他们说,我需要有另一个数据源文件.其中应包括数据库的echo查询,该查询将用作网格的数据源.

但我想知道是否有可能在codeigniter中,如果kendoui网格直接从数据库加载数据而不是在ohter php文件上回显数据然后将其放在网格上.

当且仅当它不可能时,我应该采用什么方法为codeigniter mvc模式实现网格？我应该用我的目录中的数据名称创建另一个目录吗？或者我该怎么办..

真的需要你的所有指导.

KendoUi和codeigniter的新手.

我已经搜遍了整个地方(轻描淡写),为我的案子解决方案直到现在都无济于事.首先,我将解释我的情景:

• 我将OpenAccess模型公开为WCF数据服务(oData v3);
• 我有一个Kendo MVC应用程序;
• 我有一个带网格的View,设置为PopUp编辑,AJAX Bound;

在发布一些代码之前,让我解释一下我的问题/难度.我有一个具有以下属性的实体:

• TextoID
• TITULO;
• CORPO;
• TipoTextoID;
• TipoTexto;

有一个ForeignKey列设置为TipoTextoID属性,可以在内联或弹出模式下正确填充.但是,当涉及到更改数据时,它只能在线模式下工作.这是我的问题,我需要它在弹出窗口中工作,因为"Corpo"属性绑定到KEndoUI编辑器.

在弹出窗口中,它不会在下拉列表中显示正确的值,也不会在我们选择它时更改它.

老实说,我感觉很愚蠢.我试过几乎每一个样本,帖子,文章我都找不到用,我也很无能为力.

我希望有人可以帮助我.在此先感谢所有人!

所以,这是代码.风景:

    @model IEnumerable<KendoMVC.CostSimulatorService.Texto>

@{
    ViewBag.Title = "Textos";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Textos</h2>

@(Html.Kendo().Grid(Model) // Bind the grid to the Model property of the view
      .Name("Grid")
      .Columns(columns =>
      {
          columns.Bound(p => p.Titulo);   //Create a column bound to the "ProductID" property
          //columns.Bound(p => p.IsPrivado).ClientTemplate("<input type='checkbox' #= IsPrivado ? checked='checked': '' # class='chkbx' />"); //Create a column bound to the "ProductName" property
          columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' #= IsPrivado …

所以我有一个网格,列上有很好的ol'列菜单,过滤/排序/排除列,一切正常.

美中不足的是,我希望允许用户重命名列标题和UI中显而易见的位置,以允许它在所述列菜单中.

像这样的东西:

(其中红色位是我点击的另一个选项,弹出一个小窗口让我输入一个新标题)

这有可能,我该怎么做？

我看到菜单可以自定义,网格演示显示如何调整过滤器弹出窗口中的内容但是我不知道如何添加这个项目(我可以看到我将如何以编程方式进行重命名,但这只是获取一个选项到菜单让我难过).

如何使用jquery函数获取kendo网格单元格值？对于kendo网格来说是新手

{field:abc,title:values}

我需要javascript或jquery中的abc值？

我想在我的kendoUI网格中创建一个自动完成字段.但我在网上找不到任何方式.

这是我的看法:

@(Html.Kendo().Grid<SamuraiListing.Data.Company>()
        // Grid Name
    .Name("CompanyGrid")

    // Declare grid column


    .Columns(columns =>
                 {
                     // Cretae all the columns base on Model
                     columns.Bound(r => r.Name);
                     columns.Bound(r => r.Telephone);
                     columns.Bound(r => r.Email);
                     columns.Bound(r => r.GPS);

                     // Edit and Delete button column
                     columns.Command(command =>
                                         {
                                             command.Edit();
                                             command.Destroy();
                                         }).Width(200);
                 })

    // Declare ajax datasource.
        // CRUD operation are wired back to ASP MVC Controller/Action e.g. HomeController, GetAll
        // Set the model Id
    .DataSource(datasoure => datasoure.Ajax()
                                .Model(model => model.Id(record => record.Id))
                                .Read(read => read.Action("GetAll", …

好的,所以我需要做的是根据行列的值显示不同颜色的网格行.这是我当前的网格代码:

 @(Html.Kendo().Grid<iPlan.Syspro.Beekman.Portal.Agents.Models.SalesOrderViewModel>()
.Name("Inbox")
.HtmlAttributes(new { style = "height:80vh; width:80vw;" })
.Columns(columns =>
{
    columns.Bound(c => c.SalesOrder).Width(60);
    columns.Bound(c => c.Status).Width(60);
    columns.Bound(c => c.Date).Width(60);
    columns.Bound(c => c.DaysOutstanding).Width(80);
    //columns.Bound(c => c.Available).Width(60);
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/SalesOrderDetail?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Detail");       
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/GetDeliveryNote?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Delivery Note");
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/GetDealerOrder?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Dealer order");
    columns.Template(@<text></text>).Width(60).ClientTemplate("<a class='k-button k-button-icontext k-grid-edit' href='/Inbox/GetFitmentFee?SalesOrder=#=SalesOrder#'><span class='k-icon k-edit'></span>View</a>").Title("Fitment invoice");    

})
.Selectable()
.Scrollable()
.Sortable()
.Groupable()
.Filterable()
.Pageable(pageable => pageable
    .Refresh(true)
    .PageSizes(true)
    .ButtonCount(5))
.DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("SalesOrders_Read", "Inbox"))        
    ) …

我正在使用Kendo gridwhere网格的可编辑选项需要根据某些标志打开/关闭.有人可以帮助它如何实现.

     <button class="change-mode">Change Edit Mode</button>

     $('.change-mode').click(function(){
          //Swit ched on /off here  based on  some flag      
          //console.log($("#grid"));
         $("#grid").options.editable = false;    
     });

这是jsfiddle

我有一个包含多个Kendo UI网格的网站.我现在被要求从每个网格中删除滚动条.我知道有一个scrollable我可以改变的配置属性,false以实现这一目标.

但是,我想避免将此属性添加到每个网格.似乎不对.我可以找到一种方法来实现这个使用CSS,但似乎没有必要.

我知道这在其他Kendo UI Grid控件(如编辑器)中是可行的.例如,可以隐藏工具栏中的选项,如下所示:

var defaultTools = kendo.ui.Editor.defaultTools;
defaultTools.formatting = {}; 
defaultTools.insertImage = {};

我还没有找到类似于Kendo UI Grid控件的东西.有没有办法将此属性的默认值更改为true？

我在剑道网格列内使用剑道下拉列表（具有静态内容），如下所示：

    function artDropDownEditor(container, options) {
    $('<input required data-text-field="Art" data-value-field="Landescode" data-bind="value:' + options.field + '"/>')
        .appendTo(container)
        .kendoDropDownList({
            autoBind: false,
            dataSource: gridDataSource(actions.wasserversorgung.getAllWasserbezug, 10)
        });
}

        var wasserversorgungGrid = $("#wasserversorgung-grid").kendoGrid({
        dataSource: wasserversorgungGridDataSource,
        scrollable: true,
        navigatable: true,
        sortable: true,
        columnMenu: true,
        selectable: "row",
        editable: {
            confirmation: "ausgewählte Wasserversorgung löschen?",
        },
        pageable: {
            pageSizes: [10, 20, 50],
            refresh: true,
        },
        filterable: true,
        resizable: true,
        height: 500,
        columns: [
            {
                field: "Wasserbezug",
                title: "Art der Wasserversorgung",
                width: "120px",
                headerTemplate: "<span title='@I(40)' style='@S(40)'>Art der Wasserversorgung</span>",
                editor: artDropDownEditor, …