PS:文本主要记录在学习工作中遇到有关miniUI相关的问题
target="_new"始终在同一个新窗口(刷新)
target="_blank"始终产生不同的新窗口
(1)emptyText属性要设置,否则当无数据的时候无法显示表头header
(2)allowResize属性:允许拖拽调节表格尺寸,默认是false,一般不用设置
(3)showEmptyText:显示数据为空时的文本,默认为false,一般设为true,搭配emptyText 空时显示的文本
(4)当后台返回的数据需要保存但不需要显示时,可以在column中保存,设置field和visible为false,数据就能根据field绑定在该节点上
columns : [
{
field : 'id',
name : 'id',
visible: false
},
{
header : '类型',
headerAlign : 'center',
width : '30px',
field : 'fxlx',
align : 'left'
}
]
(5) renderer函数,它是单元格绘制处理函数,同drawcell事件,return的返回值就是表格中该column中的内容
{
header: '操作',
align: 'center',
headerAlign: 'center',
cellCls : 'action',
width: '25px',
renderer: function (e) {
var html = '查看 '
html += '申报';
return html;
}
}
(6)事件委托中,这个比较好用
this.$el.on('click', '.querydetail', function() {}
this.$el可以取到当前操作对象的HTMLElement ,当然你也可以自定义一个域来使用。
(7)datagride获取当前行
var row = content.uis.dbtxDatagrid.mui.getRow($(this).closest('tr').index() - 1);
当某一组件只绑定了data-value参数之后,注意是“只绑定”和“data-value”, MiniUI会自动的将数据绑定到该组件上,无需写renderer函数this.mui.setValue(this.data.value);了
首先避免使用携带参数,那样只能携带一个参数,应使用类似的形式
js配置:
params: {
el: "#params",
type: "hidden"
}
此时可以通过viewName.uis.params.data获取到params里面包含的所有参数,是json格式,并可根据data-*的名字分别获取,如viewName.uis.params.data.xm,就可以获取到data-xm="${llxyqdxx.xm}的值,很好用