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);
        }
时间: 2024-08-08 01:26:25

KendoUI Row绑定下拉菜单的相关文章

DroDownList控件多级下拉菜单

后台代码: /// <summary> /// 绑定下拉菜单 /// </summary> private void BindDropList() { DataTable dt = bacManage.GetAllArticleCategory(); CreateLevelDropDown(drpCategoryId, dt); } /// <summary> /// 创建分级下拉框 /// </summary> /// <param name=&qu

AngularJS ng-options下拉菜单绑定数值

这两天做了一个页面,结构比较简单,最上方有两个下拉菜单,选择后点击确定,浏览器会通过AJAX获取数据并在下方生成表格. 因为刚接触AngularJS,最近经常性地陷入某些"陷阱"中 = = 这次遇到的一个问题是,当我写成形如以下格式的时候: select option(ng-repeat="item in itemList" ng-model="choosenItem" value="{{item}}") {{item}} 可

Select级联菜单,用Ajax获取Json绑定下拉框(jQuery)

需求类似这样  ↓ ↓ ↓   -->    菜单A发生变化,动态取数据填充下拉菜单B. JS代码如下: <script type="text/javascript"> $(function () { $("#TeamSelect").change(function () { var tid = $("#TeamSelect option:selected").val(); $.ajax({ url: "/ajax/a

02 - Unit07:显示笔记下拉菜单、笔记的分享功能、笔记的删除功能

显示笔记下拉菜单 笔记的分享功能 发送Ajax请求 绑定事件:绑定分享按钮单击事件 参数获取:笔记ID 发送请求:/share/add.do 服务器处理 ShareController ShareService ShareDao ShareMapper: inert inot cn_share Ajax回调处理 SUCCESS: 提示分享成功 ERROR:提示分享失败 笔记的删除功能 发送Ajax请求 绑定事件:监听alert页面创建按钮(给按钮增加ID:deleteNote) $("#can&

boostrapt的二级下拉菜单

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style&qu

下拉菜单和按钮组

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid

(实用篇)jQuery+PHP+MySQL实现二级联动下拉菜单

二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动.本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果. 先看下效果 大类:  前端技术   程序开发   数据库   小类: 实现的效果就是当选择大类时,小类下拉框里的选项内容也随着改变.实现原理:根据大类的值,通过jQuery把值传给后台PHP处理,PHP通过查询MySQl数据库,得到相应的小类,并返回JSON数据给前端处理. XHTML 首先我们要建立两个下拉选择框,第一个是大类

Django分析之三级下拉菜单选择省/市/县

今天遇到了一个一直想做却没有机会去做的功能,今天完成了便记录下来. 那这次是具体是个什么功能呢?其实还是很简单的效果,就是在用户注册的时候可以选择省/市/县,很简单的一个小功能. 那现在就开始了~首先我们要在数据库中先建一个表,用来保存全国的省/市/县信息,下面是表的结构: CREATE TABLE IF NOT EXISTS "china_regionalTable" ( "id" integer NOT NULL, "name" varcha

WinForm多窗体间操作,ComboBox下拉菜单控件

1.通过操作一个窗体打开另一个窗体 已有窗体为Form1.Form1中有一个按钮,对该按钮编写点击事件: Form2 f2 = new Form2();f2.Show(); 通过这段代码来打开Form2. 在实际应用中会出现代开Form2后需要Form1隐藏的情况,此时可以加入代码:this.Hide();来实现隐藏Form1. [不能关闭Form1,如果关闭Form1,那么Form2也会关闭,因为Form1是主窗体] 2.在窗体之间进行值的传递 在某些情况下,需要用到某个已经获取到的值,为了提