Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
1300
Image in Edit mode is hiding
posted

Hi

I am using Jquery iggrid in my application and i have placed an "edit Image button" in it for opening the row data in a jquery poup but when ever i am double click on the row the inline editmode is appearing and the Image column is coming in edit mode, which i don't required .

I have to make the Image column as non-editable so i try to make the column as read-only and disable also but no good.

Here is the sample code

  $("#gridigGrid({
            height: height,
            primaryKey: "PkID",
            columns: [
               
                { headerText: "Address", key: "Address", dataType: "string", width: "220px", formatter: formatAddress },
               
                { headerText: "Edit", key: "Valuation", dataType: "image", width: "50px", display: "none", template: "<img alt='Img' title='title' id='delete-${PkID}' src='/Images/Preview.png' style='padding-left: 10px;' onclick='return PopupOpen(${PkID})' ></img>" },
            ],
            autoGenerateColumns: false,

            dataType: "JSON",

            dataSource: data
             features: [
            {
            name: "Updating",
            enableAddRow: false,
            editMode: "row",
            enableDeleteRow: false,
            columnSettings: [
            
            { columnKey: "Address", editorOptions: { type: "string", disabled: true, display: "none" } },
            { columnKey: "Valuation", editorOptions: { type: "string", disabled: true, display: "none" } },
            
            ]
            }
            ]
            }));

Thanks

Pradeep

Parents Reply Children
No Data