2016-01-04 2 views
2

Я очень новичок в управлении «infragistics» «igGrid».Фиксация столбцов в igGrid должна показывать только одну кнопку «Добавить новую строку» для всей строки

Проблема, с которой я столкнулся, заключается в том, что, когда обновление включено в сочетании с фиксацией столбца, есть две отдельные кнопки «Добавить новую строку»: одну для области «Исправленные столбцы» и одну для области «Нефиксированные столбцы», соответственно.

enter image description here

Я хочу, чтобы только сингл «Добавить новую строку» кнопки должны прийти т.е., только Fixed Column (левая сторона) «Добавить новую строку» кнопка должна показать, при нажатии его, пользователь может в состоянии для добавления новой строки.

Также, пожалуйста, дайте мне знать. Это значение по умолчанию для igGrid для отображения каждой кнопки «Добавить новую строку» для каждой области фиксированного столбца?

Есть ли какое-либо свойство, которое я могу установить в HTML-коде, а затем написать некоторую функцию JavaScript, чтобы решить проблему, с которой я столкнулся?

Решение, которое я пробовал: Ниже представлен XML-файл образца/тестового HTML-кода igGrid (Не удалось опубликовать оригинальный HTML-код). Я попытался установить 2 свойства:

HasAddRowFeature = «False» AllowAddNewRow = «Отключить» во 2-й колонке, которая устанавливается «Isfixed», но это не дает желаемых результатов.

<Index ID="_Index" PrimaryKeyColumn ="RECORD_ID" Width="1000px" HasAddRowFeature="True" HasDeleteRowFeature="True"> 

    <Column Key="RECORD_ID" Text="" DataType="string" Width="0px" IsHidden="true" IsReadonly="true" /> 

    <Column Key="Description" Text="Sample A" DataType="string" Width="150px" IsFixed="true" HasAddRowFeature="False" AllowAddNewRow="Disable" /> 

    <Column Key="pqr" Text="Sample B" DataType="Object_List" ComboDataKey="ID" ComboTextKey="NAME" Width="150px" IsFixed="true" /> 
    <Column Key="abc" Text="Sample C" DataType="number" Width="100px" /> 
    <Column Key="xyz" Text="Sample D" DataType="number" Width="100px"/> 

</Index> 

Пожалуйста, предложите какое-либо решение. Заранее спасибо.

+0

Снимок экрана, который вы предоставили, показывает igGrid, но предоставленный код выглядит как конфигурация ASP.NET Web Forms. Этот код не применим к igGrid, так что вы можете обновить вопрос с помощью конфигурации igGrid, которая у вас есть? Причиной наличия двух кнопок является то, что область фиксированного столбца может быть слишком малой, чтобы поместиться внутри кнопки добавления строки. Вы можете попытаться скрыть правую кнопку с помощью CSS. –

+0

Благодарим вас за ответ. Причиной наличия двух кнопок в igGrid при использовании ** IsFixed ** является то, что он разделяет igGrid на 2 раздела, 1 с «фиксированной областью столбца» и другой с «нефиксированной областью столбца». Пожалуйста, дайте мне знать, как скрыть нефиксированную область столбца «Добавить новую строку» в igGrid с помощью CSS, чтобы она работала в соответствии с потребностью? ответьте, пожалуйста – user3196511

ответ

2

Вы можете скрыть вторую кнопку addRow с помощью следующего кода после инициализации igGrid:

$("#gridid .ui-iggrid-addrow:eq(2) span").hide(); 

Я хотел бы предложить обновление кода в вашем вопросе как код вы публикуемый не для igGrid.

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