Как отменить выбор выбранной строки из jQgrid, когда значение текстового поля пользовательского форматера пусто - PullRequest
Новая
       34

Как отменить выбор выбранной строки из jQgrid, когда значение текстового поля пользовательского форматера пусто

15 голосов
/ 14 июля 2011

Когда я попытался установить флажок в jQgrid, он выбрал подходящие значения, и в этом у меня есть текстовое поле настраиваемого форматера без ввода значений в текстовом поле, и я попытался установить флажок, я выведу предупреждение После этого я сниму флажок, но фокус не будет удален из сетки.

Я прикрепил снимок экрана, пожалуйста, дайте мне знать ответ.

код вставляется сюда: 

    jQuery("#list1").jqGrid({               

        url:actionurl,
        mtype: 'POST',          
        colNames:['PartnerId', 'Employee No','Employee Name' ,'Position', 'Position Id', 'Wages','Relieve Date','Days Required'],
        colModel:[                    
                      {name:'partnerId',index:'partnerId', width:280,sortable:true,search:false, hidden: true},
                      {name:'em_ka003_employeeno',index:'em_ka003_employeeno', width:200,sortable:true},
                      {name:'empname',index:'empname', width:280,sortable:false,search:false},
                      {name:'position',index:'position', width:250,sortable:false,search:false},
                      {name:'positionId',index:'positionId', width:0,sortable:false,search:false,hidden:true},                    
                      {name:'wages',index:'wages', width:100,sortable:false,search:false},                        
                      {name:'emp_relievedate',index:'emp_relievedate', width:200,sortable:false,search:false},
                      {name:'daysrequired',index:'daysrequired', width:140,sortable:false,search:false,formatter:createText},
                ],

        rowNum:10,
        rowList:[5,10,15],
        pager: '#pager1',         
        sortorder: "asc",
        sortname: 'em_ka003_employeeno', 
        viewrecords: true,
        rownumbers: true,
        loadonce: false,
        forceFit: true,
        datatype: 'xml',
        multiselect: true , 
        footerrow:true,
        userDataOnFooter:true,
        onSelectRow: function(rowId)
            { 
                handleSelectedRow(rowId); 
            },
        caption: "<b>Labor Extension",
        gridComplete: function() {          

            $.unblockUI();
        }



});

Это моя пользовательская функция форматирования: 

function createText(el, cellval, opts)
    {
         return "<span><input class='dojoValidateValid required TextBox_OneCell_width number' type='text' id='days_req"+cellval.rowId+"' name='days_req"+cellval.rowId+"'  onKeyPress='return checkIt(event,false)'/></span>";

    }

function handleSelectedRow(id) 
{

var jqgcell     = jQuery('#list1').getCell(id, 'partnerId');
var daysrequired = jQuery("#days_req"+id+"").val();
var cbIsChecked = (jQuery("#jqg_list1_"+jqgcell).attr('checked'));

if(cbIsChecked==true)
 {

    /* Append the Days Required */


if(daysrequired=="")
    {

        alert("please enter the extension days");
        jQuery("#days_req"+id+"").focus();
        jQuery("#jqg_list1_"+jqgcell).attr('checked', false);
          jQuery('#list1').restoreRow(id);

        return false;
    }



 }

In first screen shot if the user if selecting the check box without entering the value in textbox it shows alert.In second screen shot the focus is not get removed.

1 Ответ

28 голосов
/ 19 июля 2011

Я получил ответ.

Если значение текстового поля равно нулю при выборе конкретной строки в jqgrid в то время, проверьте это с помощью javascript и снимите флажок с выбранной строки в сетке.

Вот рабочий код, который я вставил ниже: 

if(daysrequired=="0")
    {
        myGrid.jqGrid('resetSelection');
    }
  • myGrid - это мой идентификатор сетки.
  • resetSelection - это метод в jQGrid для отмены выбора выбранных строк.
...