jQuery MiniUI

标题: 单选框选中问题 [打印本页]

作者: yf云飞 时间: 2018-10-22 14:48:37 标题: 单选框选中问题

[attach]11427[/attach]

当前窗体，datagrid，最后一列为“启用版本”。
需求：“启用版本”为单选，选中一条对象之后保存，不论是切换页面，还是刷新，选中状态一直在（黑色的点点）。

问题：1.type="checkboxcolumn"如果多选框的话，就正常，而且数据库（截图最下方黄圈处）值为1，未选中就为0.
2.现在这种写法（单选，截图中间蓝色框处），现在也能选，但是一切换页面就丢失了选中（如截图最上方黄色圈处），而且数据库这一列的值一直是0.

请大神指点，怎么改才能实现需求，小白一枚，请尽量说详细，谢谢！

作者: felt 时间: 2018-10-22 15:03:29

可以使用type="radioButtonColumn"，这是单选的，所有行中只有一行的这列可以勾选。
另外勾选的和行数据的这个字段相关联的，请保存你要选中的这行的这个字段的数据值，这样翻页之后还是有的。

作者: yf云飞 时间: 2018-10-23 09:14:40

felt 发表于 2018-10-22 15:03
可以使用type="radioButtonColumn"，这是单选的，所有行中只有一行的这列可以勾选。
另外勾选的和行数据的 ...

谢谢大神，按照你说的方法改完就可以了！非常感谢！

作者: yf云飞 时间: 2018-11-8 11:46:36

felt 发表于 2018-10-22 15:03
可以使用type="radioButtonColumn"，这是单选的，所有行中只有一行的这列可以勾选。
另外勾选的和行数据的 ...

版主：我在另外一个项目上又想用这个单选框，可是怎么就不出来，不显示。
[attach]11484[/attach]
这是上次比较理想的效果。
[attach]11485[/attach]
这个是新项目。
[attach]11486[/attach]
这个是代码截图。
另外，我把本次整个代码做个文件上传（从word粘贴内容里面弄的）。

请版主测试一下，帮忙解决一下，谢谢。

作者: yf云飞 时间: 2018-11-8 11:53:46

yf云飞发表于 2018-11-8 11:46
版主：我在另外一个项目上又想用这个单选框，可是怎么就不出来，不显示。

这是上次比较理想的效果。

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<script src="/Scripts/boot.js?v=$AppVersion" type="text/javascript"></script>
<script src="/Scripts/PlatForm/ComTools.js?v=$AppVersion" type="text/javascript"></script>
<script src="/Scripts/PlatForm/SingleForm.js?v=$AppVersion" type="text/javascript"></script>
<script src="/Form/Init/$Model.data.FormId/$Model.data.FormState/$Model.data.KeyValue"></script>
<link href="/Scripts/plugins/uploadify/uploadify.css?v=$AppVersion" rel="stylesheet" type="text/css" />
<script src="/Scripts/plugins/uploadify/jquery.uploadify.html5.js?v=$AppVersion" type="text/javascript"></script>
<script type="text/javascript" hasvelocity="true">
      var OpenFormId = "$Model.data.OpenFormId"
      var FormId = "$Model.data.FormId"
      var FormState = "$Model.data.FormState"
      var KeyValue = "$Model.data.KeyValue"
      var SingleParams = ""
</script>
</head>

作者: yf云飞 时间: 2018-11-8 11:54:25

yf云飞发表于 2018-11-8 11:53
var OpenFormId = "$Model.data.Op ...

<body>
<div class="row-wrap" >
<div class="row  row-hd row-hd-responsive" style="height: 100%">
      <div class="col-md-12 col-hd-12" >
         <div class="portlet blue box " style="height: 100%">
            <div class="portlet-title">
                  <div class="captiontools">
                     <a class="mini-button blue" id="CostManagementInfo.AddForm" onclick="PowerForm.OnBtnAddForm(this,OpenFormId)"><i class="fa fa-plus"></i>新增</a>
                     <a class="mini-button blue" id="CostManagementInfo.Save" onclick="PowerForm.OnBtnSave(this)"><i class="fa fa-save"></i>保存</a>
                     <a class="mini-button blue" id="CostManagementInfo.Del" onclick="DeleteData()"><i class="fa fa-trash-o"></i>删除</a>
                     <a class="mini-button blue" id="CostManagementInfo.EditForm" onclick="PowerForm.OnBtnEditForm(this,OpenFormId)"><i class="fa fa-pencil"></i>编辑</a>
                     <a class="mini-button blue" id="CostManagementInfo.ViewForm" onclick="PowerForm.OnBtnViewForm(this,OpenFormId)"><i class="fa fa-eye"></i>查看</a>
                     <a class="mini-button blue" id="CostManagementInfo.Refresh" onclick="PowerForm.OnBtnRefresh(this)"><i class="fa fa-refresh"></i>刷新</a>
                     <a class="mini-button blue" id="CostManagementInfo.BTN7" onclick="OnBtn7(this)"><i class="fa fa-sign-out"></i>导出</a>
                  </div>
                  <div class="tools">
                     <input id="CostManagementInfo-search-fields" class="mini-combobox" onvaluechanged="PowerForm.FieldChanged(this)" style="width: 150px;" />
                     <span id="CostManagementInfo-search">
                        <input id="CostManagementInfo-search-value" class="mini-textbox" style="width: 150px;" />
                     </span>
                     <a class="mini-button blue" id="CostManagementInfo-btn-search" onclick="PowerForm.OnPageChanged(this)"><i class="fa fa-search"></i>搜索</a>
                  </div>
            </div>
            <div class="portlet-body" style="height: 100%">
                  <div id="CostManagementInfo" class="mini-datagrid" style="width: 100%; height: 100%;"  visible="true"  width="1471"  height="903"  allowalternating="true"  pageSize="25"
                     SummaryColumns=""  fitColumns=""  idField="Id"  allowresize="true" >
                     <div property="columns">
                        <div type="indexcolumn"  width="40">序号</div>
                        <div  width="260" field="PlanCode" headerAlign="Center" allowSort="true" align="Left" >编号<input property="editor" class="mini-textbox" style="width: 100%;" /></div>
                        <div  width="220" field="Title" headerAlign="Center" allowSort="true"  align="Left" >标题<input property="editor" class="mini-textbox" style="width: 100%;" /></div>
                        <div  width="300" field="ProjectName" headerAlign="Center" allowSort="true"  align="Left" >项目名称<input property="editor" class="mini-textbox" style="width: 100%;" /></div>
                        <div  width="70" field="RegHumName" headerAlign="Center" allowSort="true"  align="Center" >录入人<input property="editor" class="mini-textbox" style="width: 100%;" /></div>
                        <div  width="90" field="RegDate" headerAlign="Center"  allowSort="true" dateformat="yyyy-MM-dd"  align="Center" >录入日期<input property="editor" class="mini-datepicker" style="width: 100%;" /></div>
                        <div  width="80" field="IsVersion"  type="radioButtonColumn" class="mini-checkbox" checked="checked" >启用版本</div>
                     </div>
                  </div>
            </div>
         </div>
      </div>
</div>
</div>
<script type="text/javascript">
var PowerForm = new SingleForm();
$(function () {
      PowerForm.Init();
});
mini.parse();
</script>
</body>
</html>

作者: dforce 时间: 2018-11-8 13:26:25

yf云飞发表于 2018-11-8 11:54
新增
...

代码有点多余class="mini-checkbox" checked="checked" ，但是不影响显示的
请使用f12检查。我们皮肤下是显示的，你这皮肤是不是改的不够完全，没有改到这部分。

作者: yf云飞 时间: 2018-11-8 13:57:50

dforce 发表于 2018-11-8 13:26
代码有点多余class="mini-checkbox" checked="checked" ，但是不影响显示的
请使用f12检查。我们皮肤下是 ...

:(:(

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)