首页 > 代码库 > KendoUI Row绑定下拉菜单

KendoUI Row绑定下拉菜单

 $("#SalleGrid").kendoGrid({
        dataSource: {
            transport: {
                read: {
                    dateType: ‘application/json‘,
                    url: ‘/SalesTicket/Single/GG‘,
                    type: ‘POST‘,
                },

            },
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        ID: { editable: false, nullable: true,},
                        Name: { defaultValue: { TouristTypeID: 4, TouristName: "Beverages" } }
                    }
                }
            },
            batch: true,
            pageSize: 15,
        },
        height: 200,
        selectable: "multiple",
        sortable: true,
        columns: [
             { field: "ID", title: "ID", hidden: true },
           { title: ‘门票代码‘, field: ‘TicketCode‘, editor: categoryDropDownEditor, template: "#=Name.TouristName#" },
         
        ],
        editable:true,
    });

 

function categoryDropDownEditor(container, options) {   
    $(‘<input required name="‘ + options.field + ‘"/>‘)
        .appendTo(container)
        .kendoDropDownList({
            autoBind: false,
            dataTextField: "TouristName",
            dataValueField: "TouristTypeID",
            dataSource: {
                transport: {
                    read: {
                        dataType: "json",
                        url: "/SalesTicket/Single/GetSelectList",
                    }
                }
            }
               
        }); }

Grid后台:

 [HandlerAjaxOnly]
        public ActionResult GG()
        {
            IQueryable<TouristTypeEntity> tourist = touristtypeApp.GetTouristTypeData();
            var result = from x in tourist
                         select
       new
       {
           ID = x.TouristTypeID,
           Name = new
           {
               TouristTypeID = x.TouristTypeID,
               TouristName = x.Name
           }
       };
            return Json(result);
        }

 

DropDownList:

public ActionResult GetSelectList()
        {
            IQueryable<TouristTypeEntity> tourist = touristtypeApp.GetTouristTypeData();
            var result = from x in tourist
                         select
       new
       {          
               TouristTypeID = x.TouristTypeID,
               TouristName = x.Name
     
       };
            return Json(result.ToList(),JsonRequestBehavior.AllowGet);
        }

 

KendoUI Row绑定下拉菜单