Ext JS 건의 어 모호 동적 검색 기능 구현

코드:

new Ext.form.ComboBox({
 store: new Ext.data.JsonStore({
 idProperty: 'VehicleNo',
 url: '../ajax/test.ashx,
 fields: ['VehicleNo', 'phoneNum']
 }),
 id:'querynodesid',
 emptyText:'    ',
hiddenName: 'VehicleNo',
 displayField: 'VehicleNo',
 valueField: 'VehicleNo',
 queryParam: 'VehicleNo',
 forceSelection: true,
 hideTrigger: true,
 queryDelay: 500,
 width:100,
 enableKeyEvents: true,
 minChars: 1,
 mode: 'remote',
 listeners: {
 'select': {
 fn: function (combo, record, index)
 {
 var no = Ext.get("querynodesid").dom.value;
 findByKeyWordFiler2(no);
 }
 }
 }
 })
매개 변수 설명:
query Param:'Vehicle No',매개 변 수 를 입력 한 값 은 Vehicle No 매개 변수 로 백 엔 드 로 전 송 됩 니 다.사용자 정의 할 수 있 습 니 다.
test.ashx? 되 돌아 오 는 매개 변수 형식 은[{"VehicleNo":"00001","phoneNum":"000002"},{},{}];'select'는 어떤 데 이 터 를 선택 할 때 실행 해 야 할 리 셋 입 니 다.
이 방법 은 데이터 양 이 적은 검색 에 적용 되 며,데이터 양 이 많은 검색 이 성능 에 영향 을 미 칠 수 있다.
위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 Ext JS 가 건의 어 모호 동적 검색 기능 을 실현 하 는 것 입 니 다.여러분 께 도움 이 되 셨 으 면 좋 겠 습 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기