jQuery UI Widgets › Forums › Lists › ComboBox › Adding some sort of notification showing multiple entries
Tagged: angular grid, arrow in cell, cellsformat, cellsrenderer, dropdown arrow, file path, getrows, grid, grid cell, jquery grid, jqxgrid, jsfiddle, ready, sampledata, source, url, XML
This topic contains 23 replies, has 2 voices, and was last updated by Dimitar 8 years, 1 month ago.
-
Author
-
Please refer to the following JSFiddle. As can be seen, column with name
A
has multiple dates associated with it and other entries in the columnsC,D
andE
have single date associated with it. I was wondering if there is a way to associate a drop down arrow with column with nameA
so that the user would know that this column has multiple dates associated with it.I believe asking user clicking on each and every cell to see if it has multiple dates associated with it is not good from UI perspective. Please advise.
Thanks
Hello walker1234,
Please try the solution presented in the following forum post: http://www.jqwidgets.com/community/topic/dropdown-should-be-display-as-dropdownwhile-adding-a-row/#post-57205. We hope it is helpful to you.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Hi Dimitar,
Thanks for the link. I don’t see any thing different on that link. The answer mentioned over there doesn’t seems to answer the question because I still have to click on each cell under the “Shipping Country” to figure out which one has drop down menu and which on doesn’t. Can you provide more concrete answer?
Thanks
Hi walker1234,
The above example demonstrates how to show a visual indicator (arrow) using cellsrenderer. Please note that you can return different HTML strings in this callback function based on different conditions (in your case, a cell’s value).
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Hi Dimitar,
For some reason, I still can’t figure out what different the jqxGrid shows on this link :
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/customizededitors.htm?arctic
Because I don’t see any icon as soon as I access the above link. Or may be I didn’t understand properly what you were trying to explain. Please clarify.
Thanks
Hi walker1234,
The following forum post: http://www.jqwidgets.com/community/topic/dropdown-should-be-display-as-dropdownwhile-adding-a-row/#post-57205 contains the source code of a complete example based on the demo Customized Editors, but with the addition of the aforementioned arrows implemented using cellsrenderer. Please copy the provided source code and test it locally.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Okay, can you tell me why the JSFiddle is not showing any data after copy and paste? I don’t quite understand what
map: 'm\\:properties>d\\:ShippedDate'
is doing which appears to be responsible for pulling data?Hi walker1234,
Please clarify what issue you are experiencing. We tested your fiddle and data can be copied, but cannot be pasted because one of your columns is not editable. If you enable editing for this column, you will be able to paste data from one row to another.
You can read more about datafield mapping in the jqxDataAdapter help topic.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Sorry, I pasted wrong JSFiddle. Here is the one I was referring to.
Hi walker1234,
The source url in your fiddle is a relative path – “../sampledata/orders.xml” – which is correct only relative to our demos. Please also note that even if you set the absolute path – ‘http://www.jqwidgets.com/jquery-widgets-demo/demos/sampledata/customers.xml’, the file cannot be accessed from https://jsfiddle.net/ (for security reasons).
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/So basically I should only be using my local testing and not JsFiffle one and should be using absolute URL ?
Hi walker1234,
If you wish, store the data source file at a public repository and set the url to point there. You can also test with local data in JSFiddle, as is the case with most of our Try it examples in the jqxGrid API documentation page (such as this one: http://jsfiddle.net/jqwidgets/C3vQb/).
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Can you tell me where exactly is “../sampledata/orders.xml” located so that I can copy the contents and place it in my dropbox public folder? I can’t find the contents of the file.
Hi walker1234,
You can find this file in the jQWidgets download under
demos\sampledata
.Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Ok, so I can see the data now. Here is the JSFiddle. Although it has some errors but I believe it’s good for our discussion purpose. Could you now tell me where exactly notification part is playing its role in the jqxGrid?
-
AuthorPosts
You must be logged in to reply to this topic.