javascript - Filterable row is not working in Asp.net but it is working in MVC -

-

in below code getting columnheaders not getting auto text boxes filter data below on every column, attribute called in kendo grid filterable:{ mode: "row"}, have added attribute in below result not yet come. same code ran in mvc working fine please me.

 grid = $("#gridallpayers").data("kendogrid");     var gridheight = $(window).height() - 220;     var configuration = {         columns: getheaderswithcolumns(),         resizable: true,         columnmenu: true,         reorderable: true,         height: gridheight,         filterable: {             mode: "row"         },         navigatable: true,         sortable: true,         pageable: {             input: true,             numeric: true         }     };      var feedback = $("#gridallpayers").kendogrid(configuration).data("kendogrid");  } function getheaderswithcolumns() {     var cols = new array();     cols.push(         {             field: "payername", title: "insurance name", headerattributes: { "class": "table-header-cell", style: "text-align:center;font-size: 13px" },             width: 220, attributes: { style: "text-align:left;" },         },         {             field: "payerplan", title: "plan name", headerattributes: { "class": "test", style: "text-align: left; font-size: 13px" }, width: 220,             attributes: { style: "text-align:left;" },         },         {             field: "state", title: "insurance's state", headerattributes: { "class": "table-header-cell", style: "text-align: left; font-size: 13px" }, width: 200,             attributes: { style: "text-align:left;" },         },         {             field: "claimstatusphonenumber", title: "claim status #", headerattributes: { "class": "table-header-cell", style: " font-size: 13px" }, width: 200,             attributes: { style: "text-align:left;" },           },         {             field: "claimmailingaddress", title: "claim's mailing address", headerattributes: { "class": "table-header-cell", style: "font-size: 11px" }, width: 300,          }       )     return cols; } 
<link href="kendoui/kendo.dataviz.default.css" rel="stylesheet" />     <link href="kendoui/kendo.default.min.css" rel="stylesheet" />     <link href="kendoui/kendo.common.min.css" rel="stylesheet" />     <link href="kendoui/kendo.dataviz.default.css" rel="stylesheet" />     <script type="text/javascript" src="content/js/kendo.all.min.js"></script>       <div id="gridallpayers">      </div>

i did mock of page similar layout describe above. set kendo ui recent version , worked expected. set older version , row filter (which not supported) not show.

here code:

var griddatasource = new kendo.data.datasource({     data: [{         id: 1,         payername: "jane doe",         payerplan: "planer",         state: "ne",         claimstatusphonenumber: "1234",         claimmailingaddress: "howdy lane"     }, {         id: 2,         payername: "jany doe",         payerplan: "planer",         state: "ga",         claimstatusphonenumber: "1234345",         claimmailingaddress: "123 howdy lane"     }      ],     batch: true,     schema: {         model: {             fields: {                 "id": {                     editable: false,                     nullable: true                 },                     "payername": {                     editable: true,                     nullable: false                 },                     "payerplan": {                     editable: true,                     nullable: true                 },                     "state": {                     editable: true,                     nullable: true                 },                     "claimstatusphonenumber": {                     editable: true,                     nullable: true                 },                     "claimmailingaddress": {                     editable: true,                     nullable: true                 }             }          }     } }); //var grid = $("#gridallpayers").data("kendogrid"); var gridheight = 330; // $(window).height() - 220; var configuration = {     columns: getheaderswithcolumns(),    // resizable: true,    // columnmenu: true,   //  reorderable: true,    // height: gridheight,     //filterable: true,     filterable: {                 mode: "menu, row"      },     datasource: griddatasource,    // navigatable: true,    // sortable: true,     pageable: {         input: true,         numeric: true     } };  var feedback = $("#gridallpayers").kendogrid(configuration).data("kendogrid"); griddatasource.insert(3, {     id: 3,     payername: "john doe",     payerplan: "planer",     state: "ne",     claimstatusphonenumber: "1234",     claimmailingaddress: "howdy lane" }); griddatasource.insert(4, {     id: 4,     payername: "jackne doe",     payerplan: "planer",     state: "ne",     claimstatusphonenumber: "1234",     claimmailingaddress: "howdy lane" }); feedback.refresh();   function getheaderswithcolumns() {     var cols = [];     cols.push({         field: "payername",         title: "insurance name",         headerattributes: {             "class": "table-header-cell",             style: "text-align:center;font-size: 13px"         },         width: 220,         attributes: {             style: "text-align:left;"         },         filterable: {             cell: {                 showoperators: false             }         }     }, {         field: "payerplan",         title: "plan name",         headerattributes: {             "class": "test",             style: "text-align: left; font-size: 13px"         },         width: 220,         attributes: {             style: "text-align:left;"         }     }, {         field: "state",         title: "insurance's state",         headerattributes: {             "class": "table-header-cell",             style: "text-align: left; font-size: 13px"         },         width: 200,         attributes: {             style: "text-align:left;"         }     }, {         field: "claimstatusphonenumber",         title: "claim status #",         headerattributes: {             "class": "table-header-cell",             style: " font-size: 13px"         },         width: 200,         attributes: {             style: "text-align:left;"         }     }, {         field: "claimmailingaddress",         title: "claim's mailing address",         headerattributes: {             "class": "table-header-cell",             style: "font-size: 11px"         },         width: 300     });     return cols; }

see working version here: http://jsfiddle.net/zlm35vfe

and older version not work: http://jsfiddle.net/zlm35vfe/1/

note older (not supported) version uses cdn described here: http://docs.telerik.com/kendo-ui/install/cdn

that contains specific version of https://kendo.cdn.telerik.com/2014.1.318/js/kendo.all.min.js


Comments

Post a Comment

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

-
i'm trying apply flex button on firefox i'm having problem on chrome doesn't happens. this css: .button { display: inline-flex; align-items: center; } as can see in fiddle, "caret" word moved new line, happens if element <button> tag, <div> works expected. http://codepen.io/anon/pen/xblmgx is firefox bug or there css i'm missing? nevermind, looks "mr firefox" doesn't idea... <button> not implementable (by browsers) in pure css, bit of black box, perspective of css. means don't react in same way e.g. <div> would. this isn't specific flexbox -- e.g. don't render scrollbars if put "overflow:scroll" on button, , don't render table if put "display:table" on it. stepping further, isn't specific <button> . consider <fieldset> , <table> have special rendering behavior: data:text/html,<fieldset style="d...
Read more

html - Missing border-right in select on Firefox -

-
Image
when put select div width , padding-left, options have no border on right. more, happend if select have width 118px , parent have 15px of padding left! have idea, going on? my code: <!doctype html> <html> <head lang="en"> </head> <body> <div style="width: 1000px; padding-left: 15px;"> <select style="width: 118px;"> <option>a</option> <option>b</option> <option>c</option> </select> </div> </body> </html> and result: here plunker: click it happend on firefox on windows. tested on 40.0.2 version -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; source: https://stackoverflow.com/a/11390432/4431269 source of problem: https://bugzilla.mozilla.org/show_bug.cgi?id=924068 and use of google ! edit: (source of problem, explained) after rea...
Read more

python - build a suggestions list using fuzzywuzzy -

-
i building suggestion engine database. i'm using fuzzywuzzy module match user input string existing database shown below. if request.method == "get": display_dict = {} user_input = request.get["user_input"] # user input match_dict = {} food_items_obj = food_items.objects.all() # fetch objects table items in food_items_obj : match = fuzz.ratio(user_input.lower(),items.name.lower()) # try match user input existing names match_dict[match] = items.name # put 1 dictionary matched_dict = ordereddict(sorted(match_dict.items(),reverse = true)) # sort dictionary if max(matched_dict.keys()) == 100: # if exact match put in dict , return display_dict[100] = matched_dict[100] else : # if not found try best matching words.. ###########this part need help! ############# k,v in matched_dict.items(): if user_input in v : display_dict[k]...
Read more