jquery miniUi使用小结

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

1:获取选中行： var row = grid.getSelected();
2：获取多行：var rows = grid.getSelecteds();
3：行操作：
  <div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div>
function onActionRenderer(e) {
            var grid = e.sender;
            var record = e.record;
            var uid = record._uid;
            var rowIndex = e.rowIndex;
            var s = 
            ' <a class="Edit_Button" href="javascript:editRow(\'' + uid + '\')" >字段编辑</a>' +
            ' <a class="Edit_Button" href="javascript:conditRow(\'' + uid + '\')" >条件编辑</a>'+
            ' <a class="Edit_Button" href="javascript:showRow(\'' + uid + '\')" >查看星形模型</a>'
             ;
            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: "否" });
              }
                }