1. 程式人生 > >easyui 動態生成datagrid

easyui 動態生成datagrid

 function getItemTable(id, type) {
        tabInfoItem.datagrid({
            url:'',
            data: [],
            columns: [[]],
            pagination:false
        });
        var url = '/InfoItemList';
        var para = {};
        if (type == 'code') {
            url = '/CodeValueList';
            para.itemId = id;
        } else
{ para.setId = id; } var column = [[]]; if (type == 'code') { column[0][0] = { field: 'code', title: '程式碼', width: 50, align: 'center' }; column[0][1] = { field: 'name', title: '名稱' }; } else { column[0][0] = { field: 'sn', title: '編號'
, width: 80, align: 'center' }; column[0][1] = { field: 'name', title: '名稱', width: 80, align: 'center' }; column[0][2] = { field: 'description', title: '中文名稱', align: 'center' }; column[0][3] = { field: 'itemtype', title: '型別', width: 80, align: 'center'
, formatter: function (value, row, index) { var str = ''; for (i = 0; i < itemTypeList.length; i++) { if (itemTypeList[i].id == value) { str = itemTypeList[i].value; break; } } return str; } }; column[0][4] = { field: 'itemlength', title: '長度', width: 50, align: 'center' }; column[0][5] = { field: 'remark', title: '備註', align: 'left' }; } var dataconfig = { url: url, idField: 'id', rownumbers: true, singleSelect: true, striped: true, fit: true, border: true, columns: column } if (type == 'code') { dataconfig.pagination = true; dataconfig.pageSize = 30; dataconfig.queryParams = { itemId: id }; } else { dataconfig.queryParams = { setId: id }; } tabInfoItem.datagrid(dataconfig); if (type == 'code') { var p = tabInfoItem.datagrid('getPager'); (p).pagination({ beforePageText: '第',//頁數文字框前顯示的漢字 afterPageText: '頁 共 {pages} 頁', displayMsg: '共{total}條資料' }); } }

清空行、列、分頁:

tabInfoItem.datagrid({
            url:'',
            data: [],
            columns: [[]],
            pagination:false
        });

實現了同一個表格的不同資料來源,不同引數,是否分頁的引數化顯示。

相關推薦

easyui 動態生成datagrid

function getItemTable(id, type) { tabInfoItem.datagrid({ url:'', data: [], columns: [[

Echarts使用之——根據篩選條件動態生成圖表,及聯動easyui(問題及解決)

 兩三個月前第一次開發的時候,不想今天便出現了一些小問題,回想起來由於時間比較趕,確實不夠健壯,不夠美觀,體驗稍差,整體如下: 重點1:根據篩選條件動態生成圖表 重點2:根據提示框,聯動下面的easyui表格進行實時更新顯示 其他遇到其他相關小問題和解決 注意事項:

WPF-DataGrid後臺動態生成

Now that you know the basics of the Silverlight DataGrid and how to specify the Columns in XAML, you might want to customize your DataGrid's columns at ru

DataGrid後臺動態生成

Now that you know the basics of the Silverlight DataGrid and how to specify the Columns in XAML, you might want to customize your DataGrid's columns at run

easyUI 導航欄動態生成時繫結事件不相應

            一個困擾兩天的問題。demo取的是easyUI官網上的例子。            最近在接觸easyUI輕量級框架的時候,看到一個模板款式蠻好看的。          一個標準的 分為North ,south,west以及center 在生成導

easyui ajax 動態生成CheckBox 複選框

json [ {"ID":1,"value":"首頁"}, {"ID":2,"value":"滾動"}, {"ID":3,"value":"公告"} ] function CreateAjaxCheckBox(Obj,strParaList,url) {  $.post

easyUI( accordion +tree)動態生成導航選單(資料庫讀取資料)

$(function() { $.ajax({ type: 'POST', async: false, dataType: "jso

datagrid動態生成

Oracle將資料進行行轉列:http://blog.csdn.net/u013533810/article/details/37956195 1、程式中的條件引數 string WhereStr = context.Request[

Silverlight中DataGrid控制元件動態生成列並結合DataPager進行分頁

1、準備一個實體類 using System; using System.Collections.Generic; using System.Linq; using System.Web; /// <summary> ///電流資料 的摘要說明 /// <

WF4.0以上使用代碼完整自定義動態生成執行工作流Xaml文件

load 控制 brush 類型 rpv 返回 cap 並且 sco 給大家分享一下,如何完全使用代碼自定義的創建生成工作流文件(用代碼創建Xaml文件),並且動態加載運行所生成的工作流。 工作流生成後 在Xaml文件裏的主要節點如下: 輸入輸出參數 <x

mybatis使用註解替代xml配置,動態生成Sql

key list 數據 很難 pro ring 參考 rec 不知道 mybatis使用註解替代xml配置時,遇到判斷條件是否為null或者為空時,@Select很難搞定,不知道怎麽辦? mybatis3中增加了使用註解來配置Mapper的新特性,使用 SelectPro

2017-05-17 js動態生成輪播圖小圓點

輪播圖 鼠標 borde images author eight 復習 innerhtml pad 從今天開始,把自己做的筆記轉移到博客園: 今晚復習了一下動態創建輪播圖小圓點做了一下小的筆記: 1 <!DOCTYPE html> 2 <html l

動態生成頁面(一)——ASP.NET中Literal使用

case colspan label 奇偶數 容器 業務邏輯 con stringbu font 在頁面中加入內容時,假設是靜態內容。無需使用容器,能夠直接將標記作為HTML直接加入到頁面中;可是,假設是動態內容,則必須借助容器將內容加入到頁面中。典型的容器

C#實現登陸驗證碼圖片的動態生成

res pla brush rgb nal pub array ide try public ActionResult SecurityCode() { string oldcode = TempData["SecurityCode"] as string; strin

利用runtime動態生成對象?

per 添加 ans using prop 成對 reg key sans 利用runtime我們能夠動態生成對象、屬性、方法這特性 假定我們要動態生成DYViewController,並為它創建屬性propertyName 1)對象名 NSString *c

MVC 5 + EF6 入門完整教程14 -- 動態生成面包屑導航

maps setting i++ log item 文檔 應該 動態生成 內容 上篇文章我們完成了 動態生成多級菜單 這個實用組件。 本篇文章我們要開發另一個實用組件:面包屑導航。 面包屑導航(BreadcrumbNavigation)這個概念來自童話故事"漢賽爾和格萊特"

Angular如何給動態生成的元素綁定事件

con 舉例 pla tex hello 官方 字符串 頁面 get 在AngularJS中,操作DOM一般在指令中完成,事件監聽機制是在對於已經靜態生成的dom綁定事件,而如果在指令中動態生成了DOM節點,動態生成的節點不會被JS事件監聽。 舉例來說: angular.

關於動態生成菜單

dex -s p s child and 組件 動態 pla con <!--導航菜單-折疊功能--><aside :class="collapsed?‘menu-collapsed‘:‘menu-expanded‘"><!--單個激活 並以

confd動態生成配置文件

per clas back git clone nod bsp zookeeper bash build 下載安裝confd $ mkdir -p $GOPATH/src/github.com/kelseyhightower $ git clone https://git

動態生成表格案例

col tle html var ges onclick .get htm order 步驟 1、創建一個頁面,兩個輸入框和一個按鈕 2、得到輸入的行和列的值 3、生成表格 --循環行 --在行裏面循環列 4、顯示到頁面上 --把表格的代碼設置到div