mercredi 29 novembre 2017

Ext JS SortType treecolumn

Using ExtJS 4.2.3. Have form with treecolumn xtype field which contains string value with number in begin. Column has 3 lvls of structure. On first lvl sort needs to be in order like (2, 3, 5, 40, 100 and etc).

enter image description here

After picking third lvl value in selection form, value in box will look like:

3.ABC.<BR>3.23.ABCCDD.<BR>3.23.5.  ABCC

Sample of code:

enter Picker = new Project.Picker({
                                    title: "Title1",
                                    proxyCfg: {
                                        url: Ext.state.Manager.get("url") + "TreeList",
                                        type: "ajax"},
                                    idProperty: "id",
                                    defaultRootId: "NULL",
                                    nodeParam: "parent_Code",
                                    PickerCfg: [
                                        { name: "id", type: "string", isSC: false },
                                        { xtype: "treecolumn", name: "name1", header: "Header1", type: "string", isSC: true, isHC: true },
                                        { name: "name2", type: "string" },
                                        { name: "name3", header: "Header3", type: "string", isSC: true}],
                                    viewConfig: {
                                        listeners: {
                                            itemdblclick: function (view, record) {
                                                Order_Form.getComponent("Grid").selModel.getSelection()[0].set("id", record.get("id"));
                                                Order_Form.getComponent("Grid").selModel.getSelection()[0].set("name1", record.get("name1"));
                                                Order_Form.getComponent("Grid").selModel.getSelection()[0].set("name3", record.get("name3"));
                                                trigger.setValue(record.get("name2"));
                                                this.up().up().destroy();
                                            }
                                        }
                                    },
                                    sorters: [{
                                        property: "name3",
                                        direction: "ASC"
                                    }]
                                }).show(this, function () { this.getComponent(0).DMS_search(); Picker.getComponent(0).getView().refresh(); });
                            }
                        },
                        tpl: "<table class='Gridd' style='border-collapse: collapse; border: medium none;'><tr><td><b>[Header1]: </b></td><td style='width:100%;'>{Name2}</td></tr><tr><td><b>[Header3]: </b></td><td>{Name3}</td></tr></table>"

Asking for help with sorting in selection form.




Aucun commentaire:

Enregistrer un commentaire