Latest web development tutorials
×

jQuery EasyUI kurs

jQuery EasyUI kurs jQuery EasyUI krótkie wprowadzenie

jEasyUI aplikacja

jEasyUI Tworzenie aplikacji CRUD jEasyUI Tworzenie siatki danych CRUD jEasyUI Formularz zgłoszeniowy CRUD jEasyUI Załóż czytnika RSS

jEasyUI Przeciągnij i upuść

jEasyUI Podstawowe przeciągnij i upuść jEasyUI Tworzenie rozwijanego koszyk jEasyUI Tworzenie programu szkolnego

jEasyUI Menu i przyciski

jEasyUI Tworzenie prostego menu jEasyUI Utwórz przycisk Łącze jEasyUI Utwórz przycisk Menu jEasyUI Tworzenie przycisku podziału

jEasyUI układ

jEasyUI Utwórz układ graniczny jEasyUI Tworzenie złożonych układów jEasyUI Tworzenie składany panel jEasyUI Utwórz zakładkę jEasyUI Dynamicznie dodawanie zakładek jEasyUI Dodaj kartę AutoPlay jEasyUI Tworzenie Style XP na lewym panelu bocznym

jEasyUI dane Siatka

jEasyUI Budynek do HTML siatki danych tabeli jEasyUI Uzyskanie wybrany wiersz danych jEasyUI Dodaj zapytanie jEasyUI Dodaj pasek jEasyUI Tworzenie złożonych pasków jEasyUI Ustawienie kolumn zamarzaniu jEasyUI Dynamiczna zmiana kolumny jEasyUI Format Kolumny jEasyUI Ustaw rodzaj jEasyUI niestandardowe porządkowanie jEasyUI Tworzenie kombinacji kolumn jEasyUI Dodaj pole wyboru jEasyUI niestandardowe stronicowania jEasyUI Włącz inline edycji jEasyUI Rozszerzony edytor jEasyUI operacja kolumna jEasyUI Połączony komórkę jEasyUI Tworzenie własnych widoków jEasyUI Tworzenie podsumowanie stopki jEasyUI Warunki ustawić kolor tła wiersza jEasyUI Tworzenie siatki nieruchomości jEasyUI Rozbudowane linie Pokaż szczegóły jEasyUI Tworzenie podobszary jEasyUI Wyświetlanie danych masywny jEasyUI Dodaj element strony

jEasyUI okno

jEasyUI Tworzenie prostej okno jEasyUI Niestandardowe okienne Paski jEasyUI Okna i rozmieszczenie jEasyUI Tworzenie okna jEasyUI okno dialogowe Dostosuj

jEasyUI drzewo menu

jEasyUI Używać znaczników do tworzenia menu drzewo jEasyUI Tworzenie asynchronicznego Drzewo menu jEasyUI Dodanie węzła drzewa menu jEasyUI Tworzenie menu drzewa z pól wyboru jEasyUI Przeciągnij i upuść sterowania menu drzewa jEasyUI Struktura menu Załaduj węzły rodzic / dziecko jEasyUI Tworzenie sieci w oparciu o drzewo jEasyUI Tworzenie złożonego drzewa siatki jEasyUI Załadowane dynamicznie drzewa siatki jEasyUI Dodaj zakładkę drzewa Siatka jEasyUI Leniwy załadunku drzewa węzeł sieci

jEasyUI forma

jEasyUI Prześlij formularz, aby utworzyć asynchroniczne jEasyUI Uwierzytelnianie za pomocą formularzy jEasyUI Utwórz drzewo liście rozwijanej jEasyUI Skrzynka rozwijanej Format jEasyUI Filtr siatka danych rozwijane

jEasyUI Reference Manual

jQuery EasyUI Widget jQuery EasyUI rozpiętość

jQuery EasyUI rozszerzony - Dane siatki filtr wierszy

jQuery EasyUI Rozszerzony jQuery EasyUI Rozszerzony

zwyczaj

Zawiera ona plik "DataGrid-filter.js '

<Script type = "text / javascript" src = "DataGrid-filter.js"> </ script>

Włącz filtrowanie (filtr)

var dg = $ ( '# dg');
dg.datagrid (); // utworzenie DataGrid
dg.datagrid ( "enableFilter '); // włączyć filtr

nieruchomość

Obiekt rozciąga się od siatki danych (DataGrid), następujące jest własnością sieci danych (DataGrid) dodał.

名称 类型 描述 默认值
filterMenuIconCls string 过滤菜单项(指示要使用的项目)的图标 class。 icon-ok
filterBtnIconCls string 过滤按钮的图标 class。 icon-filter
filterBtnPosition string 过滤按钮的位置。可能的值是 'left' 和 'right'。 right
filterPosition string 过滤栏相对于列的位置。可能的值是 'top' 和 'bottom'。 bottom
remoteFilter boolean 设置为 true 则执行远程过滤。
当启用时,'filterRules' 参数将发送到远程服务器。
'filterRules' 参数的值由 'filterStringify' 函数获得。
false
filterDelay number 从 'text' 过滤组件中最后一个键输入事件起,延迟执行过滤的时间。 400
filterRules array 过滤规则的定义。每个规则包含 'field'、'op' 和 'value' 属性。 []
filterStringify function 把过滤规则字符串化的函数。
function(data){
	return JSON.stringify(data);
}

sposób

Następujące metody rozciągają się od siatki danych (DataGrid).

名称 参数 描述
enableFilter filters 创建并启用过滤功能。
'filters' 参数是一个过滤配置的数组。
每一项包含下列属性:
1) field:需要定义规则的域。
2) type:过滤类型,可能的值:label、text、textarea、checkbox、numberbox、validatebox、datebox、combobox、combotree。
3) options:过滤类型的选项。
4) op:过滤操作,可能的值:contains、equal、notequal、beginwith、endwith、less、lessorequal、greater、greaterorequal。

代码实例:

$('#dg').datagrid('enableFilter');
$('#dg').datagrid('enableFilter', [{
	field:'listprice',
	type:'numberbox',
	options:{precision:1},
	op:['equal','notequal','less','greater']
}]);
addFilterRule param 添加一个过滤规则。
$('#dg').datagrid('addFilterRule', {
	field: 'desp',
	op: 'contains',
	value: 'easyui'
});
removeFilterRule field 移除过滤规则。
如果 'field' 参数未指定,移除所有的过滤规则。
doFilter none 基于过滤规则执行过滤。
getFilterComponent field 在指定的域上获取过滤组件。

Pobierz przykłady jQuery EasyUI

jquery-easyui-datagrid-filter.zip


jQuery EasyUI Rozszerzony jQuery EasyUI Rozszerzony