.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

jQuery jqGrid Edit Column

Posted By:      Posted Date: April 14, 2011    Points: 0   Category :ASP.Net


I have sucessfully managed to set up the jqGrid and have it so that when a user clicks a row the final column turns into a combo box with three possible values. When they select a value and then select the next row the value is saved to the database.

What I need to do next is have it so that if they select option 'R' in the combo box I display a modal popup asking them if they definitely want to do that and making them provide some more information. But I'm having trouble figuring out how to access an event handler for the combo box in the grid so that I can do some sort of selectedindexchanged event.

Can anyone help?


View Complete Post

More Related Resource Links

ASP.NET GridView - edit records using JQuery Dialog

There are many ways in which you could modify modular data in Grid View:
1. Inline by making rows editable when u click on Edit
2. By using separate pages for Edit
3. By using popups/dialogs for adding/editing

jquery datepicker not popping up in Gridview Edit Template textbox


I have a gridview that I can't for the life of me get the datepicker calender to pop up for.  I've been using the datepicker for months very successfully for a variety of textboxes on the page and inside of formviews but this is the first time I've tried using with gridview.  I didn't expect any issues however can't seem to find anything to work.  I have searched the forums for 2 days and attempted any suggestions found within the solutions to no avail.  I've tried using the CSS to link the datepicker but everything stopped working when I changed the code and my page which uses a css style already got all distorted looking.  Please help!

Here is my gridview (only included a part b/c it is large and am only having problem with the datepicker for the date completed text box)

<asp:GridView ID="GridViewCompleted" runat="server" AllowPaging="True" AllowSorting="True"
        AutoGenerateColumns="False" BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid"
        BorderWidth="3px" CellPadding="4" DataKeyNames="job_id" DataSourceID="SourceJobProjectCompleted"
        ForeColor="Black" CellSpacing="2">

DataGridView>Edit Columns> Column Read Only property is unwilling to change

Hello, I am facing the following mystery: When changing the read only property of a column to false and reopening the "edit columns" window, it mysteriously turns back to true. Even when closing the designer and changing it in the designer code, the resulting execution does not allow edit, as well as when re-opening the designer you see true again.             this.numberDataGridViewTextBoxColumn1.DataPropertyName = "Number";             this.numberDataGridViewTextBoxColumn1.HeaderText = "Number";             this.numberDataGridViewTextBoxColumn1.Name = "numberDataGridViewTextBoxColumn1";             this.numberDataGridViewTextBoxColumn1.ReadOnly = true;//False is required We thought it might be related to data binding. rebinding the grid did not help as well. The is no other place in the code where it changes. Please advice, Thanks

Could not edit " jquery.ui.theme.css" because it is not in the Web site.

I add jquery 8 (css, development, and js folders) to my ASP.net project, everything is fine but when I open a page design I get the following error: Could not edit  "MyProjectPath\ jquery.ui.theme.css" because it is not in the Web site.     do you have an idea about it? Thanks in Advance  

Uploading Excel 2007 table into WSS 3.0 - How does SharePoint decide the column that is used to edit

Hi, In Excel 2007, there's an option to upload (export) an Excel table into SharePoint.  The range of cells have to be identified as a table.  In the Table ribbon, there's an Export button.  When I upload the Excel 2007 table, SharePoint (WSS 3.0) decides which column in the table will be linked to the properties dialog box for each line in the table.  It seems to be a sporadic decision on the part of SharePoint. Does anyone know how WSS 3.0 decides which column will be linked to properties?  And, is there any way to control this when uploading the file? Thanks!Thanks! Patti N.

how to edit the list column



i am working on ListViewWebpart i am trying to modify list column height , is there any quick way to do it.  i am using SPD 2010.


 <td class = "ms-vb-tall" colspan="{$NumColumns}" style="height: 15px">

i want to change the height as 10px. i have tried but it is not reflecting on home page.


Edit ID column?



I am wondering if there is a way to edit the read only column "ID" in a Contacts list in MOSS 2007.  I need to reorder the ID numbers as I am pulling the Contacts into an infopath form and it will only display them in the order of their IDs, not names. 



Help needed with coding an edit column


I have a GridView I've displayed using the following codes:

In the file root/App_Code/ConnectionManager.cs:

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.Security;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Data;
using System.Data.Sql;
using System.Data.SqlClient;
using System.Configuration;

namespace rankings
    internal sealed class ConnectionManager
        public static SqlConnection GetConnection()
            string connectionstring = ConfigurationManager.ConnectionStrings["yafnet"].ConnectionString;
            SqlConnection connection = new SqlConnection(connectionstring);
            return connection;

In the file root/App_Code/prDAC.

How to make a sharepoint list column readonly or invisible while add/edit list item in sharepoint UI


 Hi Everybody,

I have created a list in sharepoint. In that list there is a field which I want to make read only or invisible when the user tries to add or edit a list item through sharepoint UI. I want this because that particular field gets populated through a webpart and direct data entry into that field is unnecessary. Is there any way to make a sharepoint column (for me its a picture column) read only or invisible in the sharepoint UI.

thank you,

Arun Dutt

Entering edit mode with RichTextBox in a DataGrid column


Hi guys,

I have a DataGrid TemplateColumn with a readonly RichTextBox in its CellTemplate and a (editable) RichTextBox in its CellEditingTemplate. The problem is that when I double click the RichTextBox, it selects its text instead of bringing the DataGrid to Edit mode.

As a workaround, I hooked PreviewDoubleClick on the RichTextBox and called DataGrid.BeginEdit(). Although this does bring the editable RichTextBox but the Caret is always at the beginning of the text instead of the location where I double clicked.

Any Ideas how to handle this?


Syed Mehroz Alam
My Blog | My Articles

Edit all cells within a particular column => Gridview (vb code)


Hi there,

I'm looking for a technique to edit a whole column (vertical) instead of a row (horizontal).
Suppose i have 10 rows en 5 columns (like in Excel), and i want to edit all digits from different students (rows) for test number 3 (column).

How can i do that?

Can someone help me out here?



How to show column value in display mode and hide in edit mode?


How to show column value in display mode and hide in edit mode for my custom page layout?

I need similar functionality like PublishingWebControls:EditModePanel with contrary behavior.

I cannot use nor server-side code neither third-party web-parts. Only pure APSX+SP Contol Libraries and client JS allowed.

Variable column name in GridView edit mode



I have implemented globalization in my website by using Global Resources. I thought of implementing it not only on controls but in database fields. So for some columns which would be single columns in normal conditions, I considered multiple columns for different culture. For example if there was a [Title] column, I replaced it with [Title-en-US], [Title-en-GB], [Title-es-ES] and etc.

I have a web page with a GridView control that displays the content of that table. In a normal case (without globalizing),  I would have a TemplateField in the GridView like this:

                        <asp:TemplateField HeaderText="Title" SortExpression="Title">
                                <asp:Label ID="Label1" runat="server" Text='<%# Bind("myTable.Title") %>'></asp:Label>
                                <asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="true" DataSourceID="myDataSource"
                                    DataTextField="Title" DataValueField="XID" SelectedValue=&#

how to edit JQGrid with linq Stored Procedure?



I have JQgrid that it binds from linq using linq datasource,I want to know how can I enable delete,edit,add button in JQGrid using Stored procedure.Actually I write stored procedures i just want to know what parameters pass to them and how?

my  Add stored procedures is :

ALTER PROCEDURE dbo.AddStoredProcedure

@BookID int,

@MenuID int,

@Name nvarchar,

@regDate date,

@Author nvarchar,

@Publisher nvarchar,

@Price int,

@Description nvarchar,

@Status nvarchar




Sharepoint List - Column Descriptions are Not Displaying on the Edit Form

I have created a Sharepoint List that contains multiple columns of different types (text, choice, currency, etc).  I added descriptions for most of the columns, but only a few of the descriptions are displaying on the Edit Form.  It doesn't seem to matter what the column type is....as I have a description displayed for one text column but not another.  Is anyone aware of any limitations to the display of the column descriptions on the Edit Form?  The current platform is Sharepoint 2007. 

Edit,Add,Del in Jqgrid



I have Master and Details JQgrid. I want to Add Edit,Add,Del buttons in my details footer. but my problem is that when I write the navgrid code it doesn't show in details's footer,and my second problem is master footer is not shown also. My Master JQgrid is not paging. what should I do?  

SharePoint Calculated Column Formula or Using JavaScript/jQuery



I have one issue in creating a calculated column formula:

The idea is:

|	Column1			|	Column2			|	Column3			|
|	Name1			|	(empty)			|	Name1			|
|	(empty)			|	Name2			|	Name2 			|
|	Name3			|	(empty)			|	Name3			|

For example we have 2 columns (Column 1 and Column 2) that may have or may not have a value but at least one of them will have a value.

Column 3 is the calculated column that will check if Column 1 has value and Column 2 is empty(by default Column 2 will be empty because Column 1 has value :)) then the value in Column 3 will be the same value as Column 1. Otheriwse if Column 1 is empty and Column 2 has a value, the Column's 3 value will be the value from Column 2.

Can this be achieved with JavaScript or jQuery ? to fill the column's 3 value based on the other two columns if have or not value?


ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend