DataGrid怎么在表格中显示控件
MIniUI作为一款并不是很有名的UI框架,相对与其它UI自然有其特点,可能是官方宣传不到位,所以遇到很多问题的时候,在他们的论坛或者一些技术论坛上根本找不到相关的问题解决方案,所以我会不定时的发布一些在论坛上找不到解决方案,可能不是很精通,但是看看也无妨,万一有用呢
如何在 DataGrid表格中显示控件
如图所示,
直接上代码
HTML代码
<div id="datagrid1ss" class="mini-datagrid" style="width:100%;height:160px; "
url="/dome/getdate" idField="id"
showPager="false"
allowCellSelect="true"
multiSelect="true"
allowCellValid="true"
oncellvalidation="onCellValidation">
<div property="columns">
<div field="aaaa" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 票据种类 </div>
<div field="bbbb" width="12%" renderer="onGenderRenderer" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 单据编号 </div>
<div field="ccccc" width="6%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 是否追加 </div>
<div field="dddd" width="8%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 印装数量 </div>
<div field="eeee" width="12%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord" dateFormat="yyyy-MM-dd"> 制单日期 </div>
<div field="aaase" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 单据状态 </div>
<div field="aada" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 本单印装费用 </div>
<div field="dadasd" width="6%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 是否竞价 </div>
<div field="adada" width="6%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 有无调整 </div>
<div field="adadad" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 核定数量 <input property="editor" class="mini-textbox" visible="true" style="width:100%;border:1px solid #000000" /> </div>
<div field="adadda" width="10%" headerAlign="center" allowSort="true" align="center" vtype="required;date" headercls="titleWord"> 核定金额 <input property="editor" class="mini-textbox" style="width:100%; border:1px solid #000000" />
</div>
</div>
</div>
JS代码
var grid2 = mini.get("datagrid1ss");
grid2.load() //必须要先加载数据
grid2.on("update", function (e) {
var gridkes = mini.get("datagrid1ss");
var row = gridkes.data;
if (row.length > 0) {
for (var i = 0; i < row.length; i++) {
gridkes.beginEditRow(i);//开始行编辑模式
}
};
});