动态生成datagrid,列宽设置无效

提问 已结 2 7898
悬赏:20飞吻
1.列宽设置后应该是超出页面后下边显示滚动条,但是没有,这个该怎么调整?
2.按官网的例子另外增加了功能区后,下面的分页被遮盖住了。?
3.data-options,data-toggle这些里面的参数哪里可以查询?
<div data-toggle="topjui-layout" data-options="fit:true">   
<div data-options="region:'center',iconCls:'icon-reload',title:'',split:true,border:false ">
<form data-toggle="topjui-form" action="" method="post" name="myform" id="myform">
<div class="topjui-row" style="margin:3px 0;">
<div class="topjui-col-sm2">
<include file="Public:date_year_htm" />
</div>

<div class="topjui-col-sm2">
<div class="topjui-input-block" style="margin-left:5px;">
<input type="text" name="dept" id="dept" value="{$dept}"
data-toggle="topjui-combobox"
data-options="editable:true,
prompt:'AA',
panelHeight:120,
valueField:'text',
url:_ctx + '/json_hp/ana/ks.json'">
</div>
</div>

<div class="topjui-col-sm1" >
<div class="topjui-input-block" style="margin-left:10px;">
<a style="background: #ff6600; display:inline-block; padding: 4px 15px; font-size:13px; border-radius: 4px; border: 1px solid #ff6600; border-image: none; color: rgb(255, 255, 255); font-weight: bold;" href="#" onclick="doSearch()" >查 询</a>
</div>
</div>
</div>
</form>
<table id="productDg"></table>

</div>
</div>

<script>
$(function() {
$("#productDg").datagrid({
fit: true,
fitColumns: true,
url: '/ask/article/I005',
queryParams: {
yy : $('#yy').val(),
dept: $('#dept').val(),
}, //请求数据时发送的参数
iconCls: 'icon-save',
striped: true,//隔行变色
nowrap: false,//不允许换行
singleSelect: true,
rownumbers: true, //是否加行号
pagination: true, //是否显式分页
pageSize: 20, //页容量,必须和pageList对应起来,否则会报错
pageNumber: 1, //默认显示第几页
pageList: [20, 50],//分页中下拉选项的数值
frozenColumns: [],
rowStyler: function (index, row) {
if (index % 2 == 0) {
return 'color:red;';
}
},
columns: [[{field:'DEPT',title:'名称',rowspan:2,align:'center',width:25},
{title:'KKK',colspan:<?php echo($cnt);?> }
],[
<volist name='list' id='vo'>{field:'<?php echo($vo['NAME']);?>',title: '<?php echo($vo['NAME2']);?>',rowspan:1,align:'right',width:30},</volist>
]]

});
});

</script>

回帖
回帖须知