Latest web development tutorials
×

jQuery EasyUI cours

jQuery EasyUI cours jQuery EasyUI Brève introduction

jEasyUI application

jEasyUI Création d'une application CRUD jEasyUI Création d'une grille de données CRUD jEasyUI formulaire de demande CRUD jEasyUI Créer un lecteur RSS

jEasyUI Drag and Drop

jEasyUI drag and drop de base jEasyUI Créer goutte panier jEasyUI Créer un programme scolaire

jEasyUI Menus et boutons

jEasyUI Création d'un menu simple jEasyUI Bouton Créer un lien jEasyUI Créer un bouton de menu jEasyUI Bouton Créer scission

jEasyUI disposition

jEasyUI Créer une mise en page de la frontière jEasyUI Créez des dispositions complexes jEasyUI Créer panneau rabattable jEasyUI Créer onglet jEasyUI ajouter dynamiquement des onglets jEasyUI Ajouter onglet Exécution automatique jEasyUI Créer XP Style sur le panneau latéral gauche

jEasyUI Data Grid

jEasyUI Converti en HTML grille de données de table jEasyUI Obtenir ligne de données sélectionnée jEasyUI Ajouter enquête jEasyUI Ajouter la barre d'outils jEasyUI Créer des barres d'outils complexes jEasyUI Définition des colonnes de gel jEasyUI Modifier la colonne dynamique jEasyUI Format des colonnes jEasyUI Définir le genre jEasyUI Commande personnalisée jEasyUI Créer une combinaison de colonnes jEasyUI Ajouter case jEasyUI personnalisé Paging jEasyUI Activer l'édition en ligne jEasyUI Editor Extended jEasyUI fonctionnement de la colonne jEasyUI cellule fusionnée jEasyUI Créer une vue personnalisée jEasyUI Créer résumé footer jEasyUI Conditions ligne du jeu de couleur de fond jEasyUI Créer une grille de propriété jEasyUI lignes étendues Voir les Détails jEasyUI Créer les subdivisions jEasyUI Afficher les données massives jEasyUI Ajouter un composant de la page

jEasyUI fenêtre

jEasyUI Création d'une simple fenêtre jEasyUI Fenêtre sur mesure Toolbars jEasyUI Fenêtre et mise en page jEasyUI dialogue Créer jEasyUI boîte de dialogue Personnaliser

jEasyUI Tree Menu

jEasyUI Utiliser les balises pour créer le menu de l'arbre jEasyUI Créer menu arborescent asynchrone jEasyUI Ajout d'un menu d'arbre de noeud jEasyUI Créer un menu d'arbre avec des cases à cocher jEasyUI Glissez et déposez le contrôle de menu d'arbre jEasyUI Charger l'arbre de menu noeuds parent / enfant jEasyUI La création d'une arborescence basé sur une grille jEasyUI Créer un maillage d'arbre complexe jEasyUI grille d'arbre chargé dynamiquement jEasyUI Ajouter un onglet arbre Grille jEasyUI Lazy loading arbre nœud de grille

jEasyUI forme

jEasyUI Soumettre le formulaire pour créer un asynchrone jEasyUI Authentification Forms jEasyUI Créer une boîte arborescence déroulante jEasyUI Format liste déroulante jEasyUI Filtre grille de données déroulants

jEasyUI Manuel de référence

jQuery EasyUI Widget jQuery EasyUI propagation

jQuery EasyUI étendu - grille de données filtre de lignes

jQuery EasyUI Extended jQuery EasyUI Extended

usage

Il contient le fichier 'datagrid-filter.js de

<Type Script = "text / javascript" src = "datagrid-filter.js"> </ script>

Activer le filtrage (Filter)

var = dg $ ( '# dg');
dg.datagrid (); // créer datagrid
dg.datagrid ( 'enableFilter'); // activer le filtre

propriété

La propriété s'étend à partir de la grille de données (DataGrid), ce qui suit est une propriété de la grille de données (DataGrid) ajouté.

名称 类型 描述 默认值
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);
}

manière

Étendre les méthodes suivantes à partir du réseau de données (grille de données).

名称 参数 描述
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 在指定的域上获取过滤组件。

Télécharger exemples jQuery EasyUI

jquery-easyui-datagrid-filter.zip


jQuery EasyUI Extended jQuery EasyUI Extended