.Hi JS-ers,
Thanks for this awesome forum, and extended help. I’ve just begun my learning in web development, and jquery, jqgrid.
Kindly pardon me for my naive queries, and bear with me.
I’ve my column chooser working. But I’m running into following issues:
1) I don’t understand how to edit any particular pop-up (dialog box). Here, I’m trying to edit caption of column chooser dialog box.
Example:
http://www.trirand.com/jqgridwiki/doku.php?id=wiki%3ajquery_ui_methods#column_chooser
What does
|
1 2 3 |
jQuery("#list").jqGrid('columnChooser', options); |
mean? How do I utilize it in my code?
I’d be thankful to you if I can understand this. As most of the things can be fixed, and changed from these code snippets.
My header looks like:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<script src="http://localhost/learn_routing/public/js/jquery-1.11.0.min.js" type="text/javascript">// <![CDATA[ // ]]></script> <script src="http://localhost/learn_routing/public/js/grid.locale-en.js" type="text/javascript">// <![CDATA[ // ]]></script> <script src="http://localhost/learn_routing/public/js/jquery.jqGrid.min.js" type="text/javascript">// <![CDATA[ // ]]></script> <script src="http://localhost/learn_routing/public/js/grid.jqueryui.js" type="text/javascript">// <![CDATA[ // ]]></script><!-- This is for column fancy --> <!-- This is for column fancy --> <script src="http://localhost/learn_routing/public/js/jquery-ui.js" type="text/javascript">// <![CDATA[ // ]]></script><!-- This is must before multiselect--> <script src="http://localhost/learn_routing/public/js/ui.multiselect.js" type="text/javascript">// <![CDATA[ // ]]></script><!-- This is for column fancy --> &nbsp; <script src="http://localhost/learn_routing/views/test/js/test.js" type="text/javascript"></script> |
My jqgrid column chooser:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
//$("#grid_illume") grid name //"#pager_illume" - pager name /// Perfect function to get the drag and drop column names $("#grid_illume").navButtonAdd('#pager_illume',{ caption:"Columns", buttonicon: "ui-icon-calculator", onClickButton: function() { $("#grid_illume").jqGrid('columnChooser'); } }); |
However, if I add another code for column chooser as on wiki, code as:
I added this to fix caption of the column chooser dialog box!
|
1 2 3 4 5 6 7 8 |
jQuery("#grid_illume").jqGrid('columnChooser', { title: 'Select COLUMNS' } ); //column chooser ends |
Apparently as the page loads, column chooser dialog box opens up without even clicking column-selector button.
How do I fix it or change caption using
|
1 2 3 |
jQuery("#list").jqGrid('columnChooser', options); |
as on wiki page.
Again, thanks!
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
