Кнопки панели инструментов jqGrid чередуются с кнопками html

У меня есть jqGrid. На нижнем колонтитуле есть 3 значка по умолчанию для записей «Добавить», «Удалить» и «Изменить» (они не предназначены для встроенного редактирования/добавления/удаления). Я создал панель навигации html, и в этом баре я разместил 3 кнопки с именем Add, Edit и Delete. Я хочу упомянуть, что эта операция редактирования/добавления/удаления имеет несколько сложных параметров. Это означает, что они не являются нормальным удалением/редактированием. Вот почему я создал опции добавления, удаления, редактирования отдельно и поместил их в качестве ссылки в разделе моего пейджера, как показано ниже.Кнопки панели инструментов jqGrid чередуются с кнопками html

navGrid(
    '#gridPager', { 
     view: true, 
     add: true, 
     edit: true, 
     del: true, 
     search: true, 
     closeOnEscape:true 
    }, editParams, // default settings for edit 
     newParams, // default settings for add 
     deleteParams , ....

После этого я добавил событие щелчка, чтобы мои индивидуальные кнопки -

$("#editButton").click(function() { 
var gr = jQuery("#gridTable").jqGrid('getGridParam', 'selrow'); 
alert(gr); 
if (gr != null) 
    jQuery("#gridTable").jqGrid('editGridRow', gr, editParams); 
else 
    alert("Please Select Row"); 
})

Теперь проблема. При использовании обеих кнопок редактирования я обнаруживаю, что они не работают отлично. Я пропущу что-то или что-то не так. Любое предложение будет полезно для меня.

Пожалуйста, взгляните на прилагаемое изображение, чтобы получить представление о том, чего я пытаюсь достичь.

Screenshot of the grid that I'm trying to build

источник

2014-10-14 ifti24

Вы написали только «При использовании обеих кнопок редактирования я обнаружил, что они не работают отлично». Какая у вас проблема? Кроме того, вы не отправили * свою реализацию *. Я тоже не понимаю, почему ** обе кнопки, которые вам нужны. Если вам нравятся стандартные кнопки редактирования, почему вы не просто используете опцию 'toppager: true' jqGrid и' cloneToTop: true' опции 'navGrid'? Он будет создавать верхние и нижние пейджеры с теми же стандартными кнопками. – Oleg

Кстати, опции 'navGrid' могут быть сведены к' .navGrid («# gridPager», {view: true}, ...); '. См. [Документация] (http://www.trirand.com/jqgridwiki/doku.php?id=wiki:navigator). Если во многих случаях вы используете одинаковые «настройки по умолчанию» для «Добавить/редактировать/Удалить» и «navGrid», вы можете изменить '$ .jgrid.edit',' $ .jgrid.del', '$ .jgrid.view', '$ .jgrid.search' и' $ .jgrid.nav' кодом, таким как '$ .extend ($. jgrid.nav, {view: true, cloneToTop: true});' и использовать простейшую форму вызова 'navGrid' : '$ (" # grid "). navGrid (" # gridPager ");' – Oleg

Привет, Олег, спасибо за ваши комментарии. И, очевидно, полезно использовать общую настройку, используя шаблон расширения. во всяком случае, у вас есть какие-либо предложения по моему текущему делу? Я также хотел бы получить от вас некоторое представление о прошлом выпуске - http://stackoverflow.com/questions/26328548/jqgrid-select-box-value-formatter-issue – ifti24

Я решил эту проблему, добавив следующую конфигурацию -

$.extend($.jgrid.edit, { recreateForm: true });

Теперь обе кнопки редактирования по умолчанию и пользовательская кнопка редактирования отлично работает.

источник

2014-10-15 03:41:18 ifti24

Кнопки панели инструментов jqGrid чередуются с кнопками html

ответ

Смежные вопросы