[raniParticipant]

hi,

oh sorry i have use wrong one above…but when i check with right one like below

$(‘#frmfeature’).jqxValidator(‘hide’);

is also not working for me..

regards,
rani.

[raniParticipant]

Hello,

i have used hide method like below..

$(‘#myform’).jqxValidator().hide(); ..but the code hide the complete form ….so please give me anyother working solution for this ?

regards,
rani.

[raniParticipant]

Hi,
i updated but also repeating same issue.

Regards,
Rani

[raniParticipant]

Hi,

please check the below link

http://1drv.ms/OQobQi

regards,
rani.

[raniParticipant]

Hi,

Please find the link and

we have escape button functionality issue also i posted in link please give me solution.
regards,
rani

[raniParticipant]

Hi,

You have given in keyboard navigation of grid, if grid is in edit mode ‘the key stroke is handled by the editor.’ but there is no example for keyboardhandle events for editor.

Regards,
rani

[raniParticipant]

Hi,

You have given in keyboard navigation of grid, if grid is in edit mode ‘the key stroke is handled by the editor.’ but there is no example for keyboardhandle events for editor.

Regards,
rani

[raniParticipant]

hi,
if i started typing Bruges then B is going to be erased then ruges are staying because you are using sample array so,editor is creating fastly but in my requirement i am hitting to controller to get data.so,what ever the letters i entered before creation of editor is erasing this is error can u please check with debugger in code.other wise tell me how to post video i will show you.

thanks,
rani

[raniParticipant]

images which i posted is from demo example and value what i am entered is first letter in cities list box items only but before creation of editor it is going to be erased after editor is created when i entered same value(erased value before editor creation) then working perfectly.
how can we achieve that.how to prevent erasing issue.

regards,
rani

[raniParticipant]

Hi,

I want only single cell Customeditor hiding,not the entire row editor hiding.Can you please tell the solution.

regards,
rani.

[raniParticipant]

This is below design code for Grid….

$(“#IngestGrid”).jqxGrid(
{
width: ‘99.5%’,
source: source,
// pageable: true,
height: 550,
theme: ‘arctic’,
sortable: true,
altrows: true,
enabletooltips: true,
columnsresize: true,
columnsreorder: true,
//editmode: ‘selected cell click’,
localization: getLocalization(),
selectionmode: ‘singlecell’,
//selectionmode: ‘multiplecellsadvanced’,
editable: true,
handlekeyboardnavigation: function (event) {
var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
var changeval = false;
if (key == 27) {

return true;
}
if (key == 13)
{
console.log(“key= ” + key);
//$(“#Customer, #Title”).on(‘select’, function (event) {
// var datafield = event.target.id;
// console.log(“datafield= ” + datafield);
// $(“#IngestGrid”).jqxGrid(‘setcolumnproperty’, datafield, ‘editable’, true);
//});

$(“#IngestGrid”).jqxGrid(‘setcolumnproperty’, ‘Customer’, ‘editable’, true);

$(‘#IngestGrid’).on(‘cellbeginedit’, function (event) {
$(“#IngestGrid”).jqxGrid(‘setcolumnproperty’, ‘Customer’, ‘editable’, true);
});

return true;
}
},

columns: [

{
text: ”, datafield: ‘IsChecked’, columntype: ‘checkbox’, checked: false, editable: true, pinned: true, width: ‘2%’, sortable: false//, cellsrenderer: cellsrenderer
},
{ text: ‘Filename’, datafield: ‘FileName’, width: ‘14%’, editable: false, pinned: true },
{ text: ‘Size’, datafield: ‘Size’, width: ‘8%’, editable: false, pinned: true, sortable: false },
{ text: ‘Ext’, datafield: ‘Extension’, width: ‘8%’, editable: false, pinned: true, sortable: false },
{ text: ‘Type’, datafield: ‘AssetType’, width: ‘12%’, editable: false, sortable: false },

///Customer
{
text: ‘Customer’, datafield: ‘Customer’, width: ‘12%’, columntype: ‘combobox’,
cellbeginedit: Customer_cellbeginedit,
createeditor: CreateEditorForCustomer1,
initeditor: initeditorforCustomer,
cellvaluechanging: function (row, datafield, columntype, oldvalue, newvalue) {
_editingRowIndex = row;
if (newvalue != oldvalue) {
$(“#IngestGrid”).jqxGrid(‘setcellvalue’, row, “Title”, “Select Title…”);
};
},
geteditorvalue: Customer_GetEditorValue

},
///Title
{
text: ‘Title’, datafield: ‘Title’, width: ‘12%’, columntype: ‘combobox’, sortable: false,
cellbeginedit: Title_cellbeginedit,
createeditor: CreateEditorForTitle1,
initeditor: initeditorforTitle1,
cellvaluechanging: function (row, datafield, columntype, oldvalue, newvalue) {
_editingRowIndex = row;
if (newvalue != oldvalue) {
$(“#IngestGrid”).jqxGrid(‘setcellvalue’, row, “EpisodeTitle”, “Select EpisodeTitle…”);
}
},
geteditorvalue: Title_GetEditorValue

},
{
text: ‘Ep.Title’, datafield: ‘EpisodeTitle’, width: ‘12%’, columntype: ‘combobox’, sortable: false, //autoDropDownHeight: true,
cellbeginedit: EpisodeTitle_cellbeginedit, createeditor: CreateEditorForEPTitle1, initeditor: initeditorForEPTitle1,

geteditorvalue: EpisodeTitle_GetEditorValue

},
{
text: ‘Ep.#’, datafield: ‘EpisodeNumber’, width: ‘6%’, sortable: false, editable: false, cellbeginedit: EpisodeNumber_cellbeginedit, columntype: ‘numberinput’,
validation: NumberValidation,
createeditor: function (row, column, editor) {
editor.jqxNumberInput({ min: 1, inputMode: ‘simple’ });
}
},
{
////Language
text: ‘Language’, datafield: ‘Language’, columntype: ‘combobox’, sortable: false,
cellbeginedit: Language_cellbeginedit,
createeditor: function (row, column, editor) {
// assign a new data source to the dropdownlist.
InitializeLanguagesDataAdapter();
_editingRowIndex = row;
editor.jqxComboBox({ dropDownHeight: 250, source: [], displayMember: ‘Name’, valueMember: ‘PKLanguageID’, searchMode: ‘containsignorecase’, autoComplete: true });
},
initeditor: function (row, column, editor) {
_editingRowIndex = row;

},
geteditorvalue: Language_GetEditorValue
}
]
});

var Title_cellbeginedit = function (row, datafield, columntype, value) {

_editingRowIndex = row;
//$(‘#IngestGrid’).jqxGrid(‘setcolumnproperty’, datafield, ‘width’, ‘20%’);
var _editingRow = $(“#IngestGrid”).jqxGrid(‘getrowdata’, row);

if (_editingRow.Customer == undefined) {
value = “”;
ShowErrorNotifyMessage(‘Please select Customer…’);
return false;
}
else if (_editingRow.Customer.trim().length == 0) {
value = “”;
ShowErrorNotifyMessage(‘Please select Customer…’);
return false;
}

if (_editingRow.CustomerMetaData.PKCustomerID != 0) {
value = “”;
_pKCustomerID = _editingRow.CustomerMetaData.PKCustomerID;
GetCustomerTitles(_pKCustomerID, null, null);

//$(“#comboboxeditorIngestGridTitle”).jqxComboBox(‘searchString’, value);
}
}

 function CreateEditorForTitle1(row, column, editor) {
        // assign a new data source to the dropdownlist.
        _editingRowIndex = row;

        editor.jqxComboBox({   //autoDropDownHeight: true,
            dropDownHeight: '250px', displayMember: 'FeatureSeriesTitle', valueMember: 'PKTitleID', searchMode: 'containsignorecase', autoOpen: true,
            autoComplete: true //enableSelection: true, enableHover: true,
        });
        editor.on("change", function (event) {

            var titleId = editor.val();
            if ($.type(titleId) == "number") {
                var _selectedItem = editor.jqxComboBox('getSelectedItem');//.originalItem
                $("#comboboxeditorIngestGridTitle").jqxComboBox('val', _selectedItem.label);
                AssignTitleMetaData2(_selectedItem);
                isChanged = true;
            }
        });
        editor.on("close", function (event) {

            //var _editingRow = $("#IngestGrid").jqxGrid("getrowdata", _editingRowIndex);
            //var bgcolor = $("#row" + _editingRow.uid + "IngestGrid div:nth-child(9)").css("background-color");
            ////var bgcolor1 = $("#row" + _editingRow.uid + "IngestGrid div:nth-child(8)").css("background-color");
            //var t = $("#row" + _editingRow.uid + "IngestGrid div:nth-child(8)").text();

            //if (t == "") {
            //    var titleId = editor.val();
            //    var _editingRow = $("#IngestGrid").jqxGrid("getrowdata", _editingRowIndex);
            //    if (_editingRow.EpisodeTitle == null) {
            //        var _isEmpty = true;
            //    }
            //    _editingRow.EpisodeNumber = null;
            //    _editingRow.EpisodeTitle = null;
            //    if ($.type(titleId) == "number") {
            //        var _selectedItem = editor.jqxComboBox('getSelectedItem');//.originalItem
            //        $("#comboboxeditorIngestGridTitle").jqxComboBox('val', _selectedItem.label);
            //    }
            //    $("#row" + _editingRow.uid + "IngestGrid div:nth-child(9)").text('');
            //    $("#row" + _editingRow.uid + "IngestGrid div:nth-child(8)").text('');
            //    if (!_isEmpty && isChanged) {
            //        $("#IngestGrid").jqxGrid('updaterow', _editingRowIndex, _editingRow);
            //        isChanged = false;
            //    }
            //    //$('#IngestGrid').jqxGrid('updating');
            //    //$("#IngestGrid").jqxGrid("updating");
            //}
        });
    }
    function initeditorforTitle1(row, column, editor) {
        _editingRowIndex = row;

        var editingRow = $("#IngestGrid").jqxGrid("getrowdata", _editingRowIndex);
        if (editingRow != null && editingRow.CustomerMetaData.PKCustomerID != undefined) {
            if (editingRow.CustomerMetaData.PKCustomerID != 0) {
                _pKCustomerID = editingRow.CustomerMetaData.PKCustomerID;
                //console.log(editor.val() + "," + editingRow.Title);
                editor.val('');
                if (editingRow.Title == undefined) {

                    editor.val('');
                    setTimeout(function () {
                        $("#comboboxeditorIngestGridTitle").jqxComboBox('val', '');
                    }, 500);
                }
                if ($.type(editor.val()) != "number") {
                    editor.val('');
                }

                //GetCustomerTitles(_pKCustomerID, null, editor);

                AssignTitlesToEditor();

            }
            else {
                editor.jqxComboBox({ source: [] });
            }
        }
        else {
            editor.jqxComboBox({ source: [] });
        }
    }

[raniParticipant]

Hi,

How to hide the row based on column condition in jqxgrid

for Ex: status : open and closed

i need to bind only open status column by default to grid , if status is closed then i dont want to bind the row to the grid…is this possible, pls give some suggestions…

regards,
rani.

[raniParticipant]

Hello,

i have taken checkbox in the first column.when i resizing the page all
when i refresh the grid the check columns are
go to the indeterminate state when threestatecheckbox was defined as false.
below is my code.
var source =
{
datatype: “local”,
datafields:
[
{ name: ‘FileName’ },
{ name: ‘Size’ },
{ name: ‘Extension’ },
{ name: ‘AssetType’ },
{ name: ‘Customer’ },
{ name: ‘Title’ },
{ name: ‘EpisodeTitle’ },
{ name: ‘EpisodeNumber’ },
{ name: ‘Language’ },
{ name: ‘IsChecked’, type: ‘bool’ }
],
updaterow: function (rowid, rowdata, commit) {
commit(true);
},
deleterow: function (rowid, commit) {
commit(true);
}
};

$(“#IngestGrid”).jqxGrid(
{
width: ‘100%’,
source: source,
height: 550,
theme: ‘arctic’,
sortable: true,
altrows: true,
enabletooltips: true,
columnsresize: true,
columnsreorder: true,
localization: getLocalization(),
selectionmode: ‘multiplecellsadvanced’,
editable: true,
columns: [

{
text: ”, datafield: ‘IsChecked’, columntype: ‘checkbox’, checked: false, threestatecheckbox: false, editable: true, pinned: true, width: ‘2%’, sortable: false, cellsrenderer: cellsrenderer, rendered: function () {
$(‘#IngestGrid’).on(‘rowunselect’, gridrowunselect);
}
},
{ text: ‘Filename’, datafield: ‘FileName’, width: ‘14%’, editable: false, pinned: true },
{ text: ‘Size’, datafield: ‘Size’, width: ‘8%’, editable: false, pinned: true, sortable: false },
{ text: ‘Ext’, datafield: ‘Extension’, width: ‘8%’, editable: false, pinned: true, sortable: false },
{ text: ‘Type’, datafield: ‘AssetType’, width: ‘12%’, editable: false, sortable: false }

]
});
what’ wrong in my code.

regards,
rani

[raniParticipant]

Hello peter,

I have set the type to bool but
check boxes are
go to the indeterminate state .
when i refreshed the grid also
they are going to that state.

Please give me the solution.

Regards,
rani

[raniParticipant]

Hi,

Please check the below link, functionality i need…

http://1drv.ms/1c4bAna

thanks & Regards,
Rani.

[Author]

Posts