jQuery MiniUI

标题: 关于datagird里面有一列是多选的combobox [打印本页]
作者: money    时间: 2015-3-12 18:06:02     标题: 关于datagird里面有一列是多选的combobox


想问一下datagird里面有一列是多选的combobox，应该怎么写？下面是一个多选的combobox，怎么放到下面的datagird里？写法不是太清楚，能否举例一下？谢谢

<div id="combobox2" class="mini-combobox" style="width:250px;"  popupWidth="400" textField="text" valueField="id"
    url="../data/countrys.txt" value="cn,usa" multiSelect="true"  showClose="true" >     
    <div property="columns">
        <div header="ID" field="id"></div>
        <div header="国家" field="text"></div>
    </div>
</div>




<div id="Datagrid" class="mini-datagrid" style="width: 90%;" allowResize="false" showFilterRow="false"
                        url="" idField="cameraId" multiSelect="false" pageSize="15" sizeList="[15]" allowCellEdit="true"
                        allowCellSelect="true">
                        <div property="columns">


                        </div>
                </div>

作者: felt    时间: 2015-3-13 09:14:24

<div field="xxxx"...>
    <div propert="editor" class="mini-combobox"...................>
            <div property="columns">
                <div header="ID" field="id"></div>
                 <div header="国家" field="text"></div>
      
             </div>
    </div>
</div>
作者: money    时间: 2015-3-13 16:39:19

felt 发表于 2015-3-13 09:14

<div field="ballId" autoShowPopup="true" headerAlign="center" allowSort="true" allowCellEdit="true" width="100">测试
                                    <div propert="editor" class="mini-combobox" style="width:100%;"
                                      textField="name" valueField="id" url="../../GetComboboxList" />
                                                <div property="columns">
                                                        <div header="ID" field="id"></div>
                                                        <div header="名字" field="name"></div>
                                                </div>
                                    </div>
                                </div>

是这样写吗？怎么不会出现下拉框？麻烦修改一下谢谢
作者: felt    时间: 2015-3-13 16:44:34

money 发表于 2015-3-13 16:39
测试
                                    
                                               

property="editor"???
作者: money    时间: 2015-3-13 16:58:59

felt 发表于 2015-3-13 16:44
property="editor"???

这列在datagird里是可以操作的combobox，下拉出来是个多选的，不是应该用propert="editor"吗?麻烦给个例子，谢谢啦，我上面的写法弹不出多选的combobox
作者: money    时间: 2015-3-13 17:03:27

felt 发表于 2015-3-13 16:44
property="editor"???

你上面给我的例子就是property="editor"，我试过不行
作者: felt    时间: 2015-3-13 17:12:41

money 发表于 2015-3-13 17:03
你上面给我的例子就是property="editor"，我试过不行
  1. <div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;"
  2.         url="../data/AjaxService.aspx?method=SearchEmployees" idField="id"
  3.         allowResize="true"
  4.         allowCellEdit="true" allowCellSelect="true" multiSelect="true"
  5.     >
  6.         <div property="columns">
  7.             <div type="indexcolumn"></div>
  8.             <div type="checkcolumn"></div>
  9.             <div name="LoginName"  field="loginname" headerAlign="center" allowSort="true" width="150" >员工帐号
  10.                 <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" />
  11.             </div>
  12.             <div field="age" width="100" allowSort="true" >年龄
  13.                 <input property="editor" class="mini-spinner"  minValue="0" maxValue="200" value="25" style="width:100%;"/>
  14.             </div>            
  15.             <div name="birthday" field="birthday" width="100" allowSort="true" dateFormat="yyyy-MM-dd">出生日期
  16.                 <input property="editor" class="mini-datepicker" style="width:100%;"/>
  17.             </div>   
  18.             <div field="remarks" width="120" headerAlign="center" allowSort="true">备注
  19.                 <input property="editor" class="mini-textarea" style="width:200px;" minWidth="200" minHeight="50"/>
  20.             </div>
  21.             <!--ComboBox：本地数据-->         
  22.             <div type="comboboxcolumn" autoShowPopup="true" name="gender" field="gender" width="100" allowSort="true"  align="center" headerAlign="center">性别
  23.                 <input property="editor" class="mini-combobox" style="width:100%;" data="Genders" />               
  24.             </div>
  25.             <!--ComboBox：远程数据-->
  26.             <div type="comboboxcolumn" field="country" width="100" headerAlign="center" >国家
  27.                  <div property="editor" class="mini-combobox" style="width:100%;" multiSelect="true"
  28.                                        url="../data/countrys.txt" />
  29.                       <div property="columns">
  30.                                <div  field="id">id</div>
  31.                                <div  field="text">text</div>
  32.                       </div>
  33.                  </div>               
  34.             </div>   
  35.             <div type="checkboxcolumn" field="married" trueValue="1" falseValue="0" width="60" headerAlign="center">婚否</div>                        
  36.         </div>
  37.     </div>
复制代码


作者: money    时间: 2015-3-13 18:00:30

felt 发表于 2015-3-13 17:12

谢谢，已按照你给的写法，但是通过url="../../service/admin/GetComboboxList"访问不到服务器后台，没有调用，不过使用该url在其他地方可以调用访问服务器后台，是不是写法上还有问题？还是不能下拉
作者: money    时间: 2015-3-13 18:05:37

felt 发表于 2015-3-13 17:12

按照你的远程数据写法，一模一样，单元格不能点击，没有出现下拉的combobox，请问是什么原因?
作者: dforce    时间: 2015-3-16 09:26:28

money 发表于 2015-3-13 18:05
按照你的远程数据写法，一模一样，单元格不能点击，没有出现下拉的combobox，请问是什么原因? ...

你比较一下你的表格和我贴的代码有什么不一样，是不是表格属性没设置



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2