Blog Post

jquery miniUi使用小结

这几天用miniUi 做了点东西,感觉挺好使的,顺便记录下,方便下次使用。

1:获取选中行: var row = grid.getSelected();

2:获取多行:var rows = grid.getSelecteds();

3:行操作:

操作

function onActionRenderer(e) {

var grid = e.sender;

var record = e.record;

var uid = record._uid;

var rowIndex = e.rowIndex;

var s =

' 字段编辑' +

' 条件编辑'+

' 查看星形模型'

;

return s;

}

//查看星形模型

function showRow(row_uid) {

//根据UID获取行

var row = grid.getRowByUID(row_uid);

window.open("/pisa/drawGraph/StartModel.jsp?modelId="+row.tblCode);

}

4:打开子窗口:

function conditRow(row_uid) {

var row = grid.getRowByUID(row_uid);

mini.open({

url: "conditEdit.action",

title: "条件编辑", width: 1000, height: 500,

onload: function () {

var iframe = this.getIFrameEl();

//父窗口向子窗口传值;

var data = { action: "edit", tblCode: row.tblCode,tblName: row.tblName,sysCode:row.SYSCODE};

iframe.contentWindow.SetData(data);

},

ondestroy: function (action) {

grid.reload();

}

});

}

子窗口接收参数,使用统一接口:

//标准接口

function SetData(data) {

if (data.action == "edit") {

//跨页面传递的数据对象,克隆后才可以安全使用

data = mini.clone(data);

$("#tblCode").val(data.tblCode);

$("#tblName").val(data.tblName);

$("#sysCode").val(data.sysCode);

grid.load({tblCode:data.tblCode});

}

}

5:grid列表查询

function search() {

var tblCode = mini.get("tblCode").getValue();

var tblName = mini.get("tblName").getValue();

grid.load({ tblCode: tblCode,tblName:tblName });

}

function onKeyEnter(e) {

search();

}

6:oncellcommitedit="OnCellCommitEdit" 单元格编辑后执行的操作

function OnCellCommitEdit(e) {

var grid = e.sender;

var record = e.record;

var field = e.field, value = e.value;

var uid = record._uid;

var row = grid.getRowByUID(uid);

if(field=="isString"){

if (value == "T") {

grid.updateRow(record, { isDim: "T", isDim_name: "维度" });

}else{

grid.updateRow(record, { isDim: "F", isDim_name: "度量" });

}

}

if(field=="isDim"){

if (value == "T") {

grid.updateRow(record, { isString: "T", isString_name: "是" });

}else{

grid.updateRow(record, { isString: "F", isString_name: "否" });

}

}