JQGrid, Image Drop Down Box in toolbar search MVC 3.0 - asp.net-mvc-3

I have a JQgrid with the toolbar search. Currently I've mapped the DropDownList for the search of a column with a partial view which will provide the html for the drop down.
What I would like to do is instead of a standard DropDown I would like to have an Image DropDownList in the toolbar searching of JQGrid.
Is there a way to do that in JQuery or anything else which will work with IE and to keep the current implementation of calling a partial view?
Thanks in advance for your help

Related

How to bind Dynamic CheckboxList template in KendoUI

I wanted to bind a checkboxlist using KendoUI when a modal pop is opened.
On modal popup load I wanted to get data from a webapi which will have json response and bind it to checkbox kendo Ui template.
I referred kendoUI forums all samples are using static data. Can someone please guide me to the right direction where I can consume dynamic data.
Thank you!
There's a lot of ways to approach this.
I think the easiest way would be to use a TreeView with checkboxes configured that only returns a single level of nodes, then just show it in a Window or Dialog as you would show any other view. This way you get decent, default item formatting of the TreeView with having to use a template, but you don't get paging if your datasource is large.
You can also use a ListView with a template that formats the data with a checkbox. This requires a template but you get paging capability. Once again, you just display the ListView in a Window or Dialog as normal.
Here's a simple demo of a ListView implementation: http://dojo.telerik.com/#Stephen/iwOhIV
It is a combination of Kendo demos: http://demos.telerik.com/kendo-ui/dialog/treeview-integration with the TreeView replaced with the ListView from this demo(http://demos.telerik.com/kendo-ui/listview/remote-data-binding) and then the styling tweak with a template that uses checkboxes.
The rest of it is up to you(persisting/loading checked state, etc).

KendoUI: how to use edit in line for html form in KendoUI

Firstly, I am doing a research on KendoUI, and my experience is mainly on struts-layout taglib.
And now I got issues on HTML Form while using KendoUI.
My Questions are as below:
Can Kendo ListView be used to replace the html form? That is, there is no Form any more, but a kendo ListView.
If still use html form, how to make each field editable in line (is there any kendo widget to do same behavior as JQuery UI plugin X-editable)?
The closest thing would probably be a Grid that is editable. Clicking on a cell puts it in edit mode: http://demos.telerik.com/kendo-ui/grid/editing
But you could also make a custom Kendo UI widget that behaves basically the same as x-editable by having a clickable element that opens a Kendo Tooltip box with an input element in it.

How to appened Data in JQGrid table Cell?

I have created JQGrid.
I have put the Data in cell and one html Link in cells.
OnClick of that link I need to open JQGrid Specific popUp.Popup have one combobox .I'll select one option and click submit button and that data needs to be appear in clicked cell.
Thanks
The construction which you suggest seems me too complex. Probably you can consider to use more simple user interface?
Nevertheless you can just use setCell method to set new contain of the cell of the grid.

Need MVC3 Razor Grid that loads by JSON/AJAX and has frozen columns

I need a grid on an MVC3 Razor page that will have to load by JSON or AJAX call. I need this grid to be editable as well.
Also I need the grid to have the ability to have the first 6-8 columns frozen. I looked at the example on Codeproject.com and I couldnt get it to work. My scrollbars would show up but couldnt get the columns to freeze.
I have been working on this using Telerik grids, but it doesnt have the ability to freeze columns by default in a razor setting.
Does anyone have any suggestions on how to implement this or where I could look for some more information?
Try jQuery EasyUI http://www.jeasyui.com/documentation/datagrid.php
I did initially suggest jqGrid: http://www.trirand.com/blog/
but apparently it's a faff to get frozen columns using it.

Telerik MVC Grid in Form tag

I have placed Telerik MVC grid in form.but it it giving me followin problem.
if i edit any row and then click update,then control goes to select method instead of update method of the controller.
can you please suggest me any solution?
Thanks,
Makarand Salvi
The grid is internally generating a tag because it is needed for editing. However nested forms are not supported by any browser. The only solution is to put the grid out of the tag.

Resources