miniUI中grid表格中弹出单选表格

最新推荐文章于 2023-05-09 16:14:09 发布

大刺头

最新推荐文章于 2023-05-09 16:14:09 发布

阅读量1.4k

点赞数 1

分类专栏： webform 文章标签： c#

本文链接：https://blog.csdn.net/qq_45846870/article/details/112016832

版权

这篇博客展示了如何在miniUI的datagrid中创建一个弹出的单选表格。通过BX.aspx界面和cp.aspx界面的示例，以及后台的cp.ashx处理代码，详细解释了实现过程。

摘要由CSDN通过智能技术生成

在这里插入图片描述

上面是效果图，下面是代码

miniUI,dateagrid表格代码
BX.aspx界面

 <div id="datagrid1" class="mini-datagrid" style="width: 98%; height: 100%;" url="JobMethod.ashx?Method=EBind" showpager="false" pagesize="500"
            allowcelledit="true" allowcellselect="true" editnextonenterkey="true" editnextrowcell="true" oncellbeginedit="OnCellBeginEdit" oncellcommitedit="OnCellCommitEdit"
            allowsortcolumn="false" idfield="cinvcode" showsummaryrow="true" ondrawsummarycell="onDrawSummaryCell" multiselect="true">
            <div property="columns">
                <div type="indexcolumn"></div>
                <div type="checkcolumn"></div>
                <div field="cinvcode" width="100" renderer="onGenderRenderer" headeralign="center">
                    存货编码
                    <input property="editor" class="mini-buttonedit" onbuttonclick="onCEdit" style="width: 100%;" />
                </div>
                <div field="cinvname" width="100" allowsort="true">
                    存货名称
                     <input property="editor" class="mini-textbox" style="width: 100%;" />
                </div>
                <div field="cinvstd" width="100" allowsort="true">
                    规格型号
                     <input property="editor" class="mini-textbox" style="width: 100%;" />
                </div>
                <div field="iquantity" width="100" headeralign="center" summarytype="sum">
                    数量
                     <input property="editor" class="mini-spinner" allowLimitValue="false" style="width: 100%;" />
                </div>
                <div field="iprice" width="100" headeralign="center">
                    单价
                     <input property="editor" class="mini-spinner"  allowLimitValue="false" style="width: 100%;" />
                </div>
                <div field="imoney" width="100" headeralign="center">
                    金额
                     <input property="editor" class="mini-textbox" style="width: 100%;" />
                </div>
            </div>
        </div>
        <script>
             mini.parse();
              var grid