weixin_42349593 2010-08-02 16:58
浏览 810
已采纳

jquery easyUI datagrid 的宽度能不能设置成百分比。

datagrid 里的width:816 能不能设置100%,如果加一个fix:true的属性,datagrid 的表格会变形。如果是设置成像素,当收缩时,会出现附件里的样子。 datagrid 表格里的表格只有设置设置的width大小。加入了fix:true后,收缩时也会出现附件里的情况,不知道是怎么回事。。。

[code="javascript"]

$('#authListTableId').datagrid({ title:'权限列表', iconCls:'icon-save', [color=red]width:816,[/color] height:470, nowrap: false, striped: true, url:'../jsontree/authdata', pageList:[10,15,20,30,40,50], remoteSort: false, idField:'authId', fix:false, frozenColumns:[[ ]], columns:[[ {field:'ck',checkbox:true} , {title:'权限ID',field:'authId',width:50,align:'center',sortable:true}, {title:'权限父ID',field:'authPid',width:50,align:'center',sortable:true}, {title:'权限名称',field:'authName',width:150,sortable:true}, {title:'权限别名',field:'aliasName',width:150 ,sortable:true}, {title:'权限URL',field:'authURL',width:150,sortable:true}, {title:'权限提示信息',field:'tips',width:150,sortable:true}, {title:'打开目标',field:'target',width:150,sortable:true}, {title:'ICON图标',field:'icon',sortable:true}, {title:'打开时ICON',field:'iconOpen',sortable:true}, {title:'关闭时ICON',field:'iconClose',sortable:true}, {title:'权限级别',field:'authLevel',width:50,align:'center',sortable:true}, {title:'权限排序',field:'sortNo',width:50,align:'center',sortable:true}, {title:'是否叶子',field:'isLeaf',align:'center',sortable:true} ]], pagination:true, rownumbers:false, toolbar:[{ id:'btnadd', text:'添加', iconCls:'icon-add', handler:function(){ $('#btnsave').linkbutton('enable'); //以下为添加的操作 // $('#addAuthopenWindowId').window("open"); window.open("../index/saveAuth2.jsp?nodeId=","","height=" + 400 + ",width=" + 600 + ",toolbar=no,menubar=no,scrollbars=no,resizable=no,status=no"); //以上为添加的操作 } },'-',{ id:'btndelete', text:'删除', iconCls:'icon-cancel', handler:function(){ $('#btndelete').linkbutton('enable'); //--- var idsstr =""; var ids = new Array(); var rows = $('#authListTableId').datagrid('getSelections'); if(rows.length<1){ $.messager.alert('信息窗口','请选择要删除的数据!','info'); }else{ var cand = true; for(var i=0;i<rows.length;i++){ ids.push(rows[i].authId); idsstr += "ids="+rows[i].authId+"&"; if(rows[i].authId == 0){ cand= false; break; } } if(cand){ $.messager.confirm('删除窗口', '注意:删除时会连同其子菜单也一起删除,你确定要删除吗?', function(r){ if (r){ //--s-执行删除操作 idsstr = idsstr.substring(0,(idsstr.length-1)); $.ajax({ type: "POST", url: "../jsontree/deleteauth.action"+"?"+idsstr, data:null, dataType:"json", cache:false, success: function(msg){ if(msg.result){ var treeInfo = document.getElementById("treeInfoId").value; if(!(treeInfo == ""||treeInfo==null)){ var info = treeInfo.split(","); var tab = getSelTab(info[1]); parent.frames["leftFrame"].location.href ="../base/treesfrm!getTreeByNodeId.action?nodeId="+info[4]; if(tab){ closeTab(info[1]); var title = info[1]; title = title.substring(2); createTab(title,info[0],info[2],info[3],info[4]); } } $.messager.alert('信息窗口','删除成功!','info'); }else{ $.messager.alert('信息窗口','删除失败!','info'); } } }); //--e-执行删除操作 } }) }else{ $.messager.alert('信息窗口','你选择的数据中有ID为0的数据,此数据为系统数据,不能删除!','info'); } } //--- } },'-',{ id:'btnupdate', text:'修改', iconCls:'icon-edit2', handler:function(){ $('#btnupdate').linkbutton('enable'); //--- var rows = $('#authListTableId').datagrid('getSelections'); if(rows.length==1){ var authid = rows[0].authId; if(authid != 0){ window.open("../base/authupdate!toUpdatePage.action?nodeId="+authid,"","height=" + 400 + ",width=" + 600 + ",toolbar=no,menubar=no,scrollbars=no,resizable=no,status=no"); }else{ $.messager.alert('信息窗口','此节点数据不能修改!','info'); } }else if(rows.length < 1){ $.messager.alert('信息窗口','请选择要修改的数据!','info'); }else{ $.messager.alert('信息窗口','每次只能修改一条数据!','info'); } //--- } } //------------- ,'-',{ id:'btnquery', text:'查询', iconCls:'icon-search', handler:function(){ $('#btnquery').linkbutton('enable'); alert('查询') } } //------------- //------------- ,'-',{ id:'btntest', text:'测试', iconCls:'icon-ok', handler:function(){ $('#btntest').linkbutton('enable'); alert("测试"); } } //------------- ] });

[/code]

  • 写回答

3条回答 默认 最新

  • jiangguangxian 2010-08-03 12:36
    关注

    我这钟方法可以,只是你的设置应该这样:将width和height都设置为auto

    [code="java"]

       $('#authListTableId').datagrid({  
                title:'权限列表',  
                iconCls:'icon-save',  
    

    width:auto,

    height:auto,

    nowrap: false,
    [/code]

    在加上我的那个就行了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥20 materialstudio计算氢键脚本问题
  • ¥15 配置FPT报错,该如何处理
  • ¥15 请大家看一下这个代码咋写,一点思路都没有,最好能做一下,不要伪代码,有偿
  • ¥15 有偿请人帮写个安卓系统下禁止装软件及禁止拷入文件的程序
  • ¥100 用 H.265 对音视频硬编码 (CUDA)
  • ¥20 mpich安装完成后出问题
  • ¥15 stm32循迹小车代码问题
  • ¥15 输入一堆单词,使其去重输出
  • ¥15 qc代码,修改和添加东西
  • ¥50 Unity的粒子系统使用shadergraph(内置管线)制作的一个顶点偏移shader,但是粒子模型移动时,顶点也会偏移