miniui autocomplete支持放大镜按钮(data-grid)
<style type="text/css">
html body .searchbox .mini-buttonedit-close
{
background:url(../buttonedit/search.gif) no-repeat 50% 50%;
}
html body .searchbox .mini-buttonedit-close:before
{
content:"";
}
</style>
<div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;"
url="../data/AjaxService.aspx?method=SearchEmployees" idField="id"
allowResize="true" pageSize="100"
allowCellEdit="true" allowCellSelect="true" multiSelect="true"
editNextOnEnterKey="true" editNextRowCell="true"
>
<div property="columns">
<div field="country" displayfield="country" width="100" headerAlign="center" >国家
<input class="mini-autocomplete searchbox" property="editor" style="100%;" textField="text" valueField="id"
url="../data/countrys.txt" value="cn" showNullItem="true" allowInput="true" showClose="true" oncloseclick="buttonclick"/>
</div>
</div>
</div>
function buttonclick(e){
var row = grid.getSelected();
if (row){
e.sender.setText("中国");
e.sender.setValue("中国");
}
}
浙公网安备 33010602011771号