.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[oM%@H(S&kܚ6,~WDs9+V`ihC>0 v-_e? C06'2c 36`1VX PAxZ?(pemn <^=ut-%h4Թł;"2@r By;l>Y#_̇)!ܰC liu|fL0G+>.$Xe)4)M.)f[7 D@\+ʳDAϑQl_`w%@Ll9W:#.K6&gBoǿ?etve1mnZxRE`Ҵpz聡xcTA\ׄڴ8z?.+q2]aovwE~]>!f^n$DVeS.!ԢdVM TQ͙|ѓw-$B j&9)ֈK1UCsS~FZ\0RO3oɤwP`LfiB)=S]+93-@M(uHmn.dtZ8FP("d= =a~vK&&mmc/(1!'B=c_K*M TQ͙|ѓw-$B j&9)ֈK1UCQ`جscW+T*}mz x;s2;e9ٖ~y6\2KȘ  jJH87]':6"Y[K@-*vT@hE _K#ضe%5^ĴM[:;,{*Op318cgw2vE*0Jd^g5l o:hREa^=e\% p@I#{wc,C;\0 i^\bUC0(!jJCcYiuDv_/A|#4/]]qmU/ͳTKNJ@xkS&QɢG5^A-yLfiB)=S]+93-@M(uHmn(M9 4tܭeq Bgd٘ն+*vT@hE _K#ضe%5^ĴM[:;,{*Op318cg!w To=KB,+?gs;(Yw2m *])6"Jֻ 5AyYA=Fӿӡ(LoWKOBYLد, Ew>n  8nn&,`\fHAm_ꗪw;* YQ0v9o 7^ڎ]:޷$ix0ҡu92!OJ (QNb Ms x 8S;)Є%f(D ^U"ū8nn&,`\fc9<0 ȶ5Fmվ-#$feesEc͹18nn&,`\folM;PBr^ebl 8nn&,`\f/hu\ezexa'|O(ad'A QpЂӸ- XTmmO6Ek٬l)Dt3[E9ݑms^2 O8nn&,`\f ;7oGܩ>ڳ`ֳ, ڴV~UCLTƁ.V,GON1O9jfU#5s^vvm273'.2BعE"jb9uY0Y푨aXQjN|8nn&,`\fTfS_p}31kr)@m\s+&8nn&,`\f$}⊏NXi1J$[298nn&,`\fBZ|]6#p3Sz"D92Mۀ&5KhUZ8sWTã"-cFCĶDWU+~pcwҌd׮6gr6\؋|ZYS V3;`xz! 58"-cFCĶ$"xd8nn&,`\fϤ!ORIeAZ]"l t*EN5j/8nn&,`\fLKםey+֬Leo~bRy$y΄w).@9%Tk^m:fZa9#l <H0p9U4f ̢τKFڷmL8nn&,`\f5N=~9 3+Pvs]=귮6|UD+p@UIwc6Ƞ! X;-. The "EmployeeName" for each record comes from the employeesAdapter where the record's "EmployeeID" from orders.xml matches to the "EmployeeID" from employees.xml. { name: 'EmployeeName', value: 'EmployeeID', values: { source: employeesAdapter.records, value: 'EmployeeID', name: 'EmployeeName' } }, { name: 'EmployeeID', map: 'm\\:properties>d\\:EmployeeID' }, { name: 'ShippedDate', map: 'm\\:properties>d\\:ShippedDate', type: 'date' }, { name: 'Freight', map: 'm\\:properties>d\\:Freight', type: 'float' }, { name: 'ShipName', map: 'm\\:properties>d\\:ShipName' }, { name: 'ShipAddress', map: 'm\\:properties>d\\:ShipAddress' }, { name: 'ShipCity', map: 'm\\:properties>d\\:ShipCity' }, { name: 'ShipCountry', map: 'm\\:properties>d\\:ShipCountry' } ], root: "entry", record: "content", id: 'm\\:properties>d\\:OrderID', url: "../sampledata/orders.xml", pager: function (pagenum, pagesize, oldpagenum) { // callback called when a page or page size is changed. } }; var ordersAdapter = new $.jqx.dataAdapter(ordersSource, { autoBind: true, loadComplete: function (records) { me.items(ordersAdapter.records); } } ); }; var model = new GridModel(); var source = { localdata: model.items, datatype: 'observablearray', datafields: [ { name: 'EmployeeID', type: 'number' }, { name: 'EmployeeName', type: 'string' }, { name: 'ShippedDate', type: 'date' }, { name: 'Freight', type: 'float' }, { name: 'ShipName', type: 'string' }, { name: 'ShipAddress', type: 'string' }, { name: 'ShipCity', type: 'string' }, { name: 'ShipCountry', type: 'string' }] }; var dataAdapter = new $.jqx.dataAdapter(source); $("#jqxgrid").jqxGrid( { width: 670, source: dataAdapter, selectionmode: 'singlecell', editable: true, columns: [ { text: 'Employee Name', datafield: 'EmployeeID', displayfield: 'EmployeeName', columntype: 'dropdownlist', width: 150 }, { text: 'Ship City', datafield: 'ShipCity', width: 150 }, { text: 'Ship Country', datafield: 'ShipCountry', width: 150 }, { text: 'Ship Name', datafield: 'ShipName' } ] }); ko.applyBindings(model); });