Режим редактирования текста в Jqgrid показывает нежелательные теги

Question

при использовании jqgrid с editUrl, в режиме редактирования (когда я нажимаю на кнопку редактирования) он показывает нежелательный тег, такой как "INPUT style =" WIDTH: 98% "id = ....."

Как использовать это и отображать только значение внутри текстового поля.

Код, который я использую, выглядит следующим образом.

    jQuery("#myGrid").jqGrid({
        pager: jQuery('#myGridPager'),
        sortname: 'Name',
        rowNum: 10,
        rowList: [10, 20, 50],
        sortorder: "asc",
        height: "auto",
        autowidth: true,
        colNames: ['Id', 'Name', 'Dept', 'Status', 'ParentNodeName'],
        colModel: [
          { name: 'Id', index: 'Id', hidden: true, key : true },
          { name: 'Name', index: 'Name', width: 200, editable: true, edittype: "text", editrules: { required: true} },
          { name: 'Dept', index: 'Dept', width: 90, editable: true, editrules: { required: true} },
          { name: 'Status', index: 'Status', width: 25, editable: true, edittype: "select", editoptions: { value: "A:Active;I:Inactive"} },
          { name: 'ParentNodeName',
                    index: 'ParentNodeName',
                    editable: true,
                    edittype: "select",
                    editoptions: { dataUrl: "/MyEntity/GetMyEntitys" }
                },
          ], 
        datatype: 'json',
        viewrecords: true,
        mtype: 'GET',
        jsonReader: {
            root: "rows",
            page: "page",
            total: "total",
            records: "records",
            repeatitems: false,
            userdata: "userdata"
        },
        url: "/MyEntity/GetMyEntitysData",
        multiselect: false,
        editurl: "/MyEntity/EditMyEntity?__SESSIONKEY=<%=Model.SessionKey %>",
        caption: "Data Entry"
    })
    .navGrid('#myGridPager', { view: true, del: true, add: true, edit: true },
    { height: 150, reloadAfterSubmit: false, modal: true }, // default settings for edit
    { height: 150, reloadAfterSubmit: true, modal: true, url: "/MyEntity/AddMyEntity?__SESSIONKEY=<%=Model.SessionKey %>" }, //  settings for add
    { height: "auto", reloadAfterSubmit: false, modal: true, url: "/MyEntity/DeleteMyEntity?__SESSIONKEY=<%=Model.SessionKey %>" }, // delete 
    { closeOnEscape: true, multipleSearch: true, closeAfterSearch: true }, // search options
    {} /* view parameters*/
  );

Answer 1

Для решения проблемы используется следующий код: Мы изменяем (делаем false) редактируемое свойство, когда отображается диалоговое окно редактирования; и превратить его в истину, когда диалоговое окно закрыто. Таким образом, значение можно редактировать только в диалоговом окне редактирования, а не в сетке. Но этот код решает и проблему нежелательного тега.

.navGrid('#' + myGridPager, { view: false, del: true, add: true, edit: true },
{    //Edit options
    height: 200,
    reloadAfterSubmit: true,
    modal: true,
    viewPagerButtons: false,
    closeAfterEdit: true,
    closeOnEscape: true,
    url: "MyEntity/EditMyEntity?__SESSIONKEY=<%=Model.SessionKey %>",
    beforeInitData: function (formId) {
        var cpr = bagrid.jqGrid('getColProp', 'Name');
        cpr.editable = true;

    },
    onClose: function () {
        var cpr = bagrid.jqGrid('getColProp', 'Name');
        cpr.editable = false;
    }
},

.....

свойства столбца могут быть изменены для режима редактирования, добавления или удаления, как показано выше. Мы можем скрыть или показать столбцы в сетке или диалоговом окне, используя этот шаблон кода.