[my_2000Participant]

var total = Math.round(record['price'] * record['discount'])/100; I see, don’t reply!

[my_2000Participant]

Code is right,but add “pagerMode: ‘advanced'”,don’t run!

I have found a friend to help me access jsfiddle.net. Please do not post examples on jsfiddle.net again. Thank you very much！

[my_2000Participant]

Sorry, jsfiddle.net can’t be accessed in China Mainland. Please change the site. I’m terribly sorry!!!!!

[my_2000Participant]

Please paste the code here. Thank you

[my_2000Participant]

China can’t browse this website！http://jsfiddle.net/

[my_2000Participant]

Sorry, in fact, I just want to sum, but I want to change “sum” into Chinese. My English is not very good, so I cut a screen, you can see that the total is displayed undefined, and num2 input numbers will report an error, I do not know how to write, in addition, please do not post demo in http://jsfiddle.net/ , China can’t visit this site!
error pic

thanks

[my_2000Participant]

for (var i = 0; i < 10; i++) {
   var temp = i;
   var oTr = oTable.insertRow(-1);
   var oTd = oTr.insertCell(-1);
   var oDiv = document.createElement('div');
   oTd.appendChild(oDiv);
   if(i%2==0){
    $(oDiv).jqxCheckBox({width:25,groupName:"2"});
   }else{
    $(oDiv).jqxCheckBox({width:25,groupName:"1"});
   }
   oTd.innerHTML+= temp;
}

cann’t click! Please tell me how to write?

[my_2000Participant]

Feel shy, can you give me an example, thank you!

[my_2000Participant]

Thank you, right now, I see you add a line setTimeout (function) {() {initMenus}, 0);

[my_2000Participant]

No, you understand the error, you look at your January 18, 2016 of the reply, find `$(“#dataTable”).jqxDataTable({
…………..
width: 850,
……`
width: 850 modified into width:’100%’, you run!!!!!!!!

[my_2000Participant]

I solved it myself, but the first question, the table setting 100% width error of the problem, or do not know, I was so resolved, width: document.body.clientWidthI hope to tell me a good solution.

[my_2000Participant]

ready: function() {
   ....               
   var rows = $("#dataTable").jqxDataTable('getRows');
   for (var i = 0; i < rows.length; i++) {
       $("#dataTable").jqxDataTable('setCellValue', i, 'ProductName', '<div onclick="alert(1);">'+rows[i].ProductName+'</div>');
   } 

display error!

[my_2000Participant]

Thank you for your reply

$("#dataTable").jqxDataTable({
   ....
   width: 850,
   ....
},

is ok but

$("#dataTable").jqxDataTable({
   ....
   width: '100%',
   ....
},

display error!

[my_2000Participant]

Thanks for the reply but there are two questions

<script type="text/javascript">
    $(document).ready(function() {
        // prepare the data
        var source = {
            dataType: "xml",
            dataFields: [{
                name: 'SupplierName',
                type: 'string'
            }, {
                name: 'Quantity',
                type: 'number'
            }, {
                name: 'OrderDate',
                type: 'date'
            }, {
                name: 'OrderAddress',
                type: 'string'
            }, {
                name: 'Freight',
                type: 'number'
            }, {
                name: 'Price',
                type: 'number'
            }, {
                name: 'City',
                type: 'string'
            }, {
                name: 'ProductName',
                type: 'string'
            }, {
                name: 'Address',
                type: 'string'
            }],
            url: 'orderdetailsextended.xml',
            root: 'DATA',
            record: 'ROW'
        };

        var dataAdapter = new $.jqx.dataAdapter(source, {
            loadComplete: function() {
                // data is loaded.
            }

        });
        $("#dataTable").jqxDataTable({
            source: dataAdapter,
            pageable: true,
            altRows: true,
            sortable: true,
            groups: ['SupplierName'],
            width: 850,
            groupsRenderer: function(value, rowData, level) {
                return '<div style="width:90%;text-align:center;float:left;padding-top:6px;">' + value + '</div><div class="jqxMenu" style="float: right;" id="grid_menu"><ul><li>Option<ul><ul><li v="'+value+'">1</li><li v="'+value+'">2</li></ul></li></ul></div>'
            },
            columns: [{
                text: 'Supplier Name',
                hidden: true,
                cellsAlign: 'left',
                align: 'left',
                dataField: 'SupplierName',
                width: 280
            }, {
                text: 'Product Name',
                cellsAlign: 'left',
                align: 'left',
                dataField: 'ProductName',
                width: 250
            }, {
                text: 'Quantity',
                dataField: 'Quantity',
                cellsformat: 'd',
                cellsAlign: 'right',
                align: 'right',
                width: 80
            }, {
                text: 'Price',
                dataField: 'Price',
                cellsformat: 'c2',
                align: 'right',
                cellsAlign: 'right',
                width: 70
            }, {
                text: 'Address',
                cellsAlign: 'center',
                align: 'center',
                dataField: 'Address',
                width: 250
            }, {
                text: 'City',
                cellsAlign: 'center',
                align: 'center',
                dataField: 'City'
            }],
            ready: function() {
                $(".jqxMenu").jqxMenu({
                    width: '79px',
                    height: '30px',
                    mode: 'horizontal', 
                    showTopLevelArrows: true
                });
                $(".jqxMenu").jqxMenu('setItemOpenDirection', 'grid_menu','left', 'up');
                $(".jqxMenu").css('visibility', 'visible');
                $(".jqxMenu").on('itemclick', function (event){
					var element = event.args;
					alert(element.v);
				});
            }
        });
    });
</script>
</head>

<body class='default'>
    <div id="dataTable"></div>
</body>

1. $(".jqxMenu").jqxMenu('setItemOpenDirection', 'grid_menu','left', 'up'); don’t run!
2. itemclick alert(element.v); is undefined!

[my_2000Participant]

success!!!!!!
Error code

<div style="width:250px;position:absolute;right:5px; top:0px;z-index:900;" id="Notearea"></div>
<div id="jqxNotification"><div id="notificationContent"></div></div>
<div id='jqxWidget'><div id="jqxgrid"></div></div>

Correct code

<div id="jqxNotification"><div id="notificationContent"></div></div>
<div id='jqxWidget'><div id="jqxgrid"></div></div>
<div style="width:250px;position:absolute;right:5px; top:0px;z-index:900;" id="Notearea"></div>

[Author]

Posts