欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡介EasyUI datagrid editor combogrid搜索框的實現

 更新時間:2016年04月01日 11:10:41   作者:hangjy  
這篇文章主要介紹了EasyUI datagrid editor combogrid搜索框的實現,涉及到EasyUI中combogrid的使用方法的相關知識,非常具有參考價值,需要的朋友可以參考下

首先需要datagrid editor對combogrid的擴展,這個是別人實現的:

$.extend($.fn.datagrid.defaults.editors, {
combogrid: {
init: function (container, options) {
var input = $('<input type="text" class="datagrid-editable-input">').appendTo(container);
input.combogrid(options);
return input;
},
destroy: function (target) {
$(target).combogrid('destroy');
},
getValue: function (target) {
return $(target).combogrid('getValue');
},
setValue: function (target, value) {
$(target).combogrid('setValue', value);
},
resize: function (target, width) {
$(target).combogrid('resize', width);
}
}
});

然后將搜索框寫在div里面

<div id="Marketer_ID_Member_bar">
<table cellpadding="0" cellspacing="0" style="width: 100%;">
<tr>
<td style="text-align: right; padding-right: 15px">
<input id="userName_Member" placeholder="姓名/用戶名" style="width: 100px; border: 0;" />
<input type="button" value="查詢" onclick="sy.memberInfo.userSearch_Member();" />
</td>
</tr>
</table>
</div>

通過toolbar: "#Marketer_ID_Member_bar"來綁定

下面肉戲來了,按照我們在別的地方應用combogrid的做法,具體的搜索方法sy.memberInfo.userSearch_Member里面是這樣的:

$('#Marketer_ID_Member').combogrid('grid').datagrid('options').queryParams.Name = $("#userName_Member").val();
$('#Marketer_ID_Member').combogrid('grid').datagrid('reload');

然而,在editor里面沒有明確的id用來尋找元素,此時第一反應是自己加一個ID行不行,于是我嘗試給editor加一個屬性“id”,然并卵。

接下來嘗試在combogrid加載完成的時候通過Marketer_ID_Member_bar來關聯(lián)找到它的父級(思路是它是作為combogrid的toolbar,通過它應該能找到combogrid)并賦值id,結果能賦值成功,但是Marketer_ID_Member_bar的父級并不是combogrid,失敗。

此時想到去看看別的地方使用combogrid的情況,最終發(fā)現,如果我通過$('#txtInputID').combogrid({});把一個input轉化成combogrid,此input的class會被變成easyui-validatebox combogrid-f combo-f validatebox-text,通過對比,發(fā)現在editor使用的時候,該列的輸入框的樣式是:datagrid-editable-input combogrid-f combo-f,

這應該就是正主了,同樣不方便設置id,于是我們使用樣式選擇器,所以最終sy.memberInfo.userSearch_Member方法里是這樣的:

$('.combogrid-f').combogrid('grid').datagrid('options').queryParams.Name = $("#userName_Member").val();
$('.combogrid-f').combogrid('grid').datagrid('reload');

也是夠曲折的,前面開發(fā)的時候稍微研究了下沒有解決好就沒理它,因為還有一個辦法可以避過,就是不使用editor,通過彈出框來編輯,也就不是很著急,今天稍微閑一點,又來看看,最終找到個能用的方案。

以上內容是針對EasyUI datagrid editor combogrid搜索框的實現的簡單介紹,希望對大家有所幫助!

EasyUI中combogrid的使用方法

ComboGrid用法和參數配置

1、 需要引入class=" "easyui-combogrid”,必須應用在input或select元素中

2、 參數設置需要在data-options中設置

3、 屬性參數配置:

loadMsg:加載遠程數據,顯示的信息

idField:select中選擇提交值

textField:select中選擇的顯示值

mode:定義如何加載DataGrid的數據文本的方式。當設置為“'remote'”模式下,什么類型的用戶將被發(fā)送http請求參數名為'q'的服務器,以獲取新的數據

filter:當數據加載時”mode”設置為”local”,如何選擇本地數據源,返回true選擇行

4、 方法

options():返回選擇對象

grid():返回選擇dataGrid對象

setValues(values):設置元素值數組

setValue(value):設置組件的值

clear():清除組件的值

相關文章

  • 微信小程序實現日期格式化

    微信小程序實現日期格式化

    這篇文章主要為大家詳細介紹了微信小程序實現日期格式化,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • JavaScript中利用for循環(huán)遍歷數組

    JavaScript中利用for循環(huán)遍歷數組

    這篇文章主要為大家詳細介紹了JavaScript中利用for循環(huán)遍歷數組,最好不要使用for in遍歷,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • layui中的switch開關實現方法

    layui中的switch開關實現方法

    今天小編就為大家分享一篇layui中的switch開關實現方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JS中2種定時器的使用及清除的實現

    JS中2種定時器的使用及清除的實現

    本文主要介紹了JS中2種定時器的使用及清除的實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-08-08
  • Bootstrap警告(Alerts)的實現方法

    Bootstrap警告(Alerts)的實現方法

    這篇文章主要為大家詳細介紹了Bootstrap警告(Alerts)的實現方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • Js操作樹節(jié)點自動折疊展開的幾種方法

    Js操作樹節(jié)點自動折疊展開的幾種方法

    這篇文章主要介紹了Js操作樹節(jié)點自動折疊展開的幾種方法,需要的朋友可以參考下
    2014-05-05
  • js實現防止被iframe的方法

    js實現防止被iframe的方法

    這篇文章主要介紹了js實現防止被iframe的方法,實例分析了兩種比較常用的javascript防止頁面被iframe的技巧,非常簡單實用,需要的朋友可以參考下
    2015-07-07
  • webpack4 從零學習常用配置(小結)

    webpack4 從零學習常用配置(小結)

    這篇文章主要介紹了webpack4 從零學習常用配置(小結),詳細的介紹了幾個核心部分,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • eclipse如何忽略js文件報錯(附圖)

    eclipse如何忽略js文件報錯(附圖)

    eclipse中js文件報錯的情況,或許大家早已習以為常了,那么有什么好的方法可以將其忽略掉呢?如果你也在尋找此問題,那么本文或許可以幫助到你
    2013-10-10
  • 在模板頁面的js使用辦法

    在模板頁面的js使用辦法

    在使用了母板頁面的項目中 使用js獲取其中的標簽id 需要先加載到本地看看他在瀏覽時候的頁面源代碼然后確定他的id
    2010-04-04

最新評論