How to apply template to ItemSelector - extjs

I am using Ext.ux.form.ItemSelector in my application. I want to apply conditional XTemplate
to display list. I am using Ext js 4.2
Please Help me

You should be able to specify an itemTpl within the listConfig option.
http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.ux.form.MultiSelect-cfg-listConfig

Related

Can i change the template of the ui-grid?

I have a use case where i want to modify the whole template of the ui-grid. When i searched the files in the GitHub repository, i found that they use a template for the grid but couldn't find a way to change it anywhere. I also posted the same issue there but didn't get any response from them yet.
It is possible to replace any used template with a custom template. In the documentation you can find which gridOptions to use to define your own custom templates. You may choose rowTemplate, cellTemplate, footerTemplate, headerTemplate, etc. It is advisable to use the existing ui-grid template as starting point for creating your own custom template.
If you follow this example, you should be able to figure it out, I think :)

ExtJs 6.2 how to disable header function menu

I am using ExtJS 6.2 to create my table and I want to disable header menu, but I can't find it in document.
Please help me thanks.
I using disableColumnHeaders() this method work but has problem color will be different like picture.
You must use menuDisabled of Ext.grid.column.Column class
Here's the FIDDLE

How to write the Xpath for the Dynamically generated ID by Extjs

1Iam finding difficulty in getting the Xpath for Dynamically generated ID by Extjs.My application is using ExtJs rich UI.
Could you any one help me out'
This div is inside a table
Sample HtmlSample HTML
In this id ext-genXXXX changes in every refresh.
Can you add custom css class to the control element, e.g. see this: In ExtJS, how to add a custom CSS class to data grid rows?, and then use By.cssSelector instead of By.id?

How to add component to XTemplate in ExtJS

How can I add a component to XTemplate in ExtJs? I need to add something like a button for instance.
Thank you.
With standard Ext JS XTemplate you can't use components as template values.
However you can use CTemplate extension which allows ExtJS components to be used as template values. http://skirtlesden.com/ux/ctemplate

Add dynamic column for Ext JS 3.4

Is there a way to add a column to a grid panel dynamically in Ext JS 3.4?
I'm trying to add a Row Expander column to my grid panel.
Like the one here (The first plugin)
I can do it by modifying the ui.js and manually adding a column (Like the one in the code behind), but I'm trying not to.
Any workaround would be highly appreciated!
Edit: I found this for Ext JS 4. Something similar in 3.4?
In 3.4 you have to use reconfigure method on the grid:
http://docs.sencha.com/ext-js/3-4/#!/api/Ext.grid.GridPanel-method-reconfigure

Resources