• 实现对DataGird控件的绑定操作


    //实现对DataGird控件的绑定操作
    function InitGrid(queryData) {
    $('#grid').datagrid({ //定位到Table标签,Table标签的ID是grid
    url: '/Menu/FindWithPager', //指向后台的Action来获取当前菜单的信息的Json格式的数据
    title: '功能菜单',
    iconCls: 'icon-view',
    height: 650,
    function () { return document.body.clientWidth * 0.9 },
    nowrap: true,
    autoRowHeight: false,
    striped: true,
    collapsible: true,
    pagination: true,
    pageSize: 100,
    pageList: [50,100,200],
    rownumbers: true,
    //sortName: 'ID', //根据某个字段给easyUI排序
    sortOrder: 'asc',
    remoteSort: false,
    idField: 'ID',
    queryParams: queryData, //异步查询的参数
    columns: [[
    { field: 'ck', checkbox: true }, //选择
    { title: '显示名称', field: 'Name', 200},
    { title: '图标', field: 'Icon', 150 },
    { title: '排序', field: 'Seq', 80 },
    { title: '功能ID', field: 'FunctionId', 80 },
    { title: '菜单可见', field: 'Visible', 80 },
    { title: 'Winform窗体类型', field: 'WinformType', 400 },
    { title: 'Web界面Url地址', field: 'Url', 200 },
    { title: 'Web界面的菜单图标', field: 'WebIcon', 120 },
    { title: '系统编号', field: 'SystemType_ID', 80 }
    ]],
    toolbar: [{
    id: 'btnAdd',
    text: '添加',
    iconCls: 'icon-add',
    handler: function () {
    ShowAddDialog();//实现添加记录的页面
    }
    }, '-', {
    id: 'btnEdit',
    text: '修改',
    iconCls: 'icon-edit',
    handler: function () {
    ShowEditOrViewDialog();//实现修改记录的方法
    }
    }, '-', {
    id: 'btnDelete',
    text: '删除',
    iconCls: 'icon-remove',
    handler: function () {
    Delete();//实现直接删除数据的方法
    }
    }, '-', {
    id: 'btnView',
    text: '查看',
    iconCls: 'icon-table',
    handler: function () {
    ShowEditOrViewDialog("view");//实现查看记录详细信息的方法
    }
    }, '-', {
    id: 'btnReload',
    text: '刷新',
    iconCls: 'icon-reload',
    handler: function () {
    //实现刷新栏目中的数据
    $("#grid").datagrid("reload");
    }
    }],
    onDblClickRow: function (rowIndex, rowData) {
    $('#grid').datagrid('uncheckAll');
    $('#grid').datagrid('checkRow', rowIndex);
    ShowEditOrViewDialog();
    }
    })
    };


    //绑定查询按钮的的点击事件
    function BindSearchEvent() {
    //按条件进行查询数据,首先我们得到数据的值
    $("#btnSearch").click(function () {
    //得到用户输入的参数,取值有几种方式:$("#id").combobox('getValue'), $("#id").datebox('getValue'), $("#id").val()
    //字段增加WHC_前缀字符,避免传递如URL这样的Request关键字冲突
    var queryData = {
    WHC_ID: $("#txtID").val(),
    WHC_Name: $("#txtName").val(),
    WHC_Icon: $("#txtIcon").val(),
    WHC_Seq: $("#txtSeq").val(),
    WHC_FunctionId: $("#txtFunctionId").val(),
    WHC_Visible: $("#txtVisible").val(),
    WHC_WinformType: $("#txtWinformType").val(),
    WHC_Url: $("#txtUrl").val(),
    WHC_WebIcon: $("#txtWebIcon").val(),
    WHC_SystemType_ID: $("#txtSystemType_ID").val()
    }
    //将值传递给
    InitGrid(queryData);
    return false;
    });
    }

  • 相关阅读:
    Qt on Android:将Qt调试信息输出到logcat中
    cheap louis vuitton outlet
    mysql经常使用查询:group by,左连接,子查询,having where
    SQLSERVER 2008 链接 到 ORACLE 11
    uva 11885
    Comet入门及最简单的Java Demo
    什么是BGP线路?什么是BGP机房?
    (LeetCode)旋转数组
    ios app 实现热更新(无需发新版本号实现app加入新功能)
    hdu 4961 Boring Sum(高效)
  • 原文地址:https://www.cnblogs.com/huangf714/p/5842328.html
Copyright © 2020-2023  润新知