[SerdarParticipant]

And why is there a gap? For example, if you look at this, when I resize 3 columns, there is a gap, but if I do not write the width of a column or all columns, it is equal and there is no gap. The logical thing is that if all columns are not given width, it separates equally, but if the width of a column is deleted, it separates equally again. As I wrote above, if the width of ROW_NUMBER is fixed, its width should be subtracted from the width of the grid and the remaining number should be divided equally to the other columns. If I do not write the width of the grid “100%” and make it fixed “500”, there is no gap problem.
I could not understand the logic,

jsfiddle

• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.
• This reply was modified 2 months, 2 weeks ago by  Serdar.

[SerdarParticipant]

thank you

[SerdarParticipant]

Hello, if I do not misunderstand, you do not want the row to be automatically selected when the row is expanded before selecting the row?

when you remove this line, the line is not automatically selected ! ?

$("#jqxgrid").jqxGrid('selectrow', event.args.rowindex);

https://jsfiddle.net/Anatolium/mzqyrk0L/93/

• This reply was modified 3 months, 1 week ago by  Serdar.
• This reply was modified 3 months, 1 week ago by  Serdar.

[SerdarParticipant]

hi admin thank you for your answers, but one of my questions is not fully explained, I would appreciate it if you read it again.

1.I know the TAB key.but I was asked for a special request.I capture the Enter key in handlekeyboardnavigation.what I want to know is how can I switch to cell x of the row? AND how do I know when I am in the last cell? What I want to do is create a new blank row in the grid and focus on the first cell.

3. I looked for an example about this but I couldn’t find it
thank you

• This reply was modified 3 months, 2 weeks ago by  Serdar.

[SerdarParticipant]

hello 1.9.0

[SerdarParticipant]

thank you

[SerdarParticipant]

thank you

[SerdarParticipant]

Well, as you can see in the example, I have a forbidden list. When loading data to the grid, if the data in the row is in the forbidden list, how can I make that row red? I cannot get it as (disable/enable) by putting a flag from the database because the forbidden list is created dynamically on the screen and no record is made to the db. Is there any other way to see if the data in the cell is in the forbidden list?
thank you

[SerdarParticipant]

hello when I use a grid with a checkbox, the color of the cell where the checkbox is does not change.is there a way to do this ?
thanks

   var cellclass = function (index, columnfield, value) {
         
         return 'rowError'; 
    }
    

           columns: [
                {
                    text: '', pinned: true, sortable: false, filterable: false, editable: false,
                    groupable: false, draggable: false, resizable: false,
                    datafield: 'ROW_NUMBER', columntype: 'number', width: '5%',
                    cellsrenderer: function (row, column, value) {
                        return "<div style='font-size: 13px;margin: 4px;position: relative;text-align: center;'>" + (value + 1) + "</div>";
                    },
                    cellclassname: cellclass
                },
                { text: 'OWNER', columntype: 'textbox', datafield: 'OWNER_CODE', width: "20%", cellclassname: cellclass },
                { text: 'NAME', columntype: 'textbox', datafield: 'OWNER_NAME', width: "31%", cellclassname: cellclass },
            
            ]

https://ibb.co/s2pWhsQ

[SerdarParticipant]

and my last question
why does rowunselect run automatically after the rowselect event when I select the row with the mouse? how can I prevent this?
I added e.stopImmediatePropagation(); but it didn’t work
sample code for all my questions
thanks

jsfiddle

[SerdarParticipant]

I’m sorry I’ve opened the same topic twice this topic can be deleted

[SerdarParticipant]

thank you so much

[SerdarParticipant]

I actually tried this first and it worked the way I wanted, but the buttons appear in row at the top, whereas I want them to appear in the footer.

 var pagerrenderer = function () {

        var element = $("<div class='ankaToolbar' style='width: 440px; height: auto;'></div>");

        var leftButton = $("<div class='pageElement gridBtn' style='padding: 1px; float: left;'><div style='margin-left: 9px; width: 16px; height: 16px;'></div></div>");
        leftButton.find('div').addClass('fa fa-chevron-left icon-white');
        leftButton.width(36);
        leftButton.jqxButton();

        var rightButton = $("<div class='pageElement gridBtn' style='padding: 1px; float: left;'><div style='margin-left: 9px; width: 16px; height: 16px;'></div></div>");
        rightButton.find('div').addClass('fa fa-chevron-right icon-white');
        rightButton.width(36);
        rightButton.jqxButton();

        var saveButton = $("<div class='pageElement' data-tooltipActive='" + HelpTitle + "'  data-tooltip='Kaydet' style='height: 32px!important;padding: 0px; float: left;'><div style='font-size:25px;position:relative;top:3px;'></div></div>");
        saveButton.find('div').addClass('fa fa-save icon-white');
        saveButton.width(36);
        saveButton.jqxButton();

        var resetButton = $("<div data-cleargrid='grid' style='padding: 1px; margin: 0px 3px; float: left;'><div style='font-size:22px;position:relative;top:3px;'></div></div>");
        resetButton.find('div').addClass('fa fa-refresh icon-white');
        resetButton.width(36);
        resetButton.jqxButton();
  
        var label = $("<div style='font-size: 11px; bold; float: left;'></div>");
        label.appendTo(element);
        rightButton.click(function () {
            $("#grid").jqxGrid('gotonextpage');
            var datainfo = $("#grid").jqxGrid('getdatainformation');
            var paginginfo = datainfo.paginginformation;
            var count = paginginfo.pagenum == 0 ? 1 : paginginfo.pagenum + 1;
            $("#grid.pageCount").text("Sayfa: " + paginginfo.pagescount + "/" + count);
            $("#grid.pageCount").show();
        });

        leftButton.click(function () {
            $("#grid").jqxGrid('gotonextpage');
            var datainfo = $("#grid").jqxGrid('getdatainformation');
            var paginginfo = datainfo.paginginformation;
            var count = paginginfo.pagenum == 0 ? 1 : paginginfo.pagenum + 1;
            $("#grid.pageCount").text("Sayfa: " + paginginfo.pagescount + "/" + count);
            $("#grid .pageCount").show();
        });

        return element;
    }

 $("#grid").jqxGrid(
        {
            source: adapter,
            height: '740px',
            width: "100%", 
            pagerrenderer: pagerrenderer,

https://ibb.co/NtZ8Fwc

[SerdarParticipant]

yes it’s fine thank you

[SerdarParticipant]

hello again I found the problem if we use the filterable option and bootstrap it scrolls I tried all versions of bootstrap they all had the same problem if you look at the image you will see I leave the jsfiddle address for you to test thanks

https://ibb.co/G5mnxXR

https://jsfiddle.net/anka_test/rdp59jto/2/

[Author]

Posts