kendo-drop-down-list data binding limit - kendo-ui

We are using kendo drop-down list in our project to show drop-down, but we are facing one problem, i got data from database which contain more than 4000 values in list, but the list can not bind with drop down. It's working fine with less amount of data. Is their limitation of kendo drop-down? blow is my html code which working fine for small amount of data.
<select kendo-drop-down-list
k-data-text-field="'Text'"
k-data-value-field="'Value'"
k-option-label="'--Select--'"
k-data-source="companyList"
ng-model="data.Id" k-filter="'contains'"
class="full-width m-b form-control" required></select>

Related

Is there any reason that two Advanced PDF forms for the same transaction would draw data differently?

I have an Advanced PDF Form in Netsuite that prints Sales Proposals with pictures, and also an Order Acknowledgement. The code is very similar. Recently we decided to add them to the Picking Ticket, and I basically copied and pasted what I had on the Order Ack - because the data for both comes from the Sales Order in Netsuite.
For some reason the images just won't show on the picking ticket. I have tried changing the source code slightly, like using record.item etc., but the table starts with <#list record.item as item> so I shouldn't need that.
<td colspan="7" line-height="150%" style="vertical-align:top;">
<#if item.custcol_item_image_url?starts_with("http")>
<img src="${item.custcol_item_image_url}" style="height:40px;width:40px;margin:1px" />
</#if></td>
Basically I'm just getting a blank. FYI I also have another field that references from the Sales Order in the same way, ie. ${item.custcol_xyz} and that one works. Any ideas?
The custom field needs to be set to "show" on the Sales Order form in order for it to be available in your template. Customize your form, and under the Sublist Fields subtab, ensure that the field is question is checked to display on the form.
If you want to hide it in the UI, there is a workaround that you can try, which is to clear the label for the field. This works most of the time, but not always.

Is is possible to have a slickgrid inside another slickgrid?

Is it possible to have a slickgrid inside another slickgrid (without modal ) ?
As an example, using Magic TCG and the example http://6pac.github.io/SlickGrid/examples/example-grouping-checkbox-row-select.html .
I want a slickgrid were I can order the collections and when I select the collection, it will open another slickgrid in the same window, with the cards.
On the "main-grid" will have the columns related to collections (e.g. collection name, # of cards in that collection, etc) and on "child-grid" will have the columns related to the cards (e.g. card name, card cost, card info, etc).
EDIT: I forgot to tell I replicated the code from the first grid and then tried to called it but got this error :
SlickGrid requires a valid container, #myGrid2 does not exist in the DOM.
I'm calling it like this :
<div id="myGrid" style="width:100%;height:500px;">
<div id="myGrid2" style="width:100%;height:500px;">
</div>
</div>
Is it possible or do I need to use modal ?
Thanks in advance
It is indeed possible, I have a slick-combo control (not publicly released) that provides a multi-column combo inside a cell using a dynamically created Slickgrid.
It looks like you want a side-by-side grid, not a grid-within-a-cell. Could you provide more information around how you want the screen visually to look (a diagram would be good)

Clicking multiple submit buttons with mechanize

I'm working on a script with mechanize in Ruby. I'm trying to select the values of the form(dropdown), however the values for the second field of the form don't appear until the first field has a selection. It prevents the following -
my_form[0].options[2].select
my_form[1].options[2].select
my_form[2].options[2].select
my_form[3].options[0].select
because the second field doesn't have any value at this point. The selection of the first part works like it should, however.
The line in the form looks like this
<select id="DistrictId" name="DistrictId"><option value="">---SELECT---</option>
<option value="3">Alaska Gateway School District</option>
...
</select>
<input type="button" id="selectDistrict" value="SELECT">
I see there is a Select button after the field, however I'm not sure on how to click it and have the second field populate.
When I use the following
my_form.button_with(:value => "SELECT").click
I don't get an error, but it also doesn't repopulate the second field. I tried placing that line after the selection of the first field, and it gets me no further.
I haven't seen anything that is super helpful with dropdown menus.
Use a Login form with Mechanize was helpful in dealing with the form, but didn't help with actually selecting that button.
The other thing that I need this to do is to loop though all of the options in the drop down menus.
I've been able to find some things about dropdowns and python, which has also helped.
I can select the part with the
.options[x]
But I am unsure as to how to know when to end the looping. It looks like the elements are stored as an array, and so I can just do .each do on the forms. http://crabonature.pl/posts/23-automation-with-mechanize-and-ruby was helpful for going through the form, but it all comes back to having to select the top form value before being able to see the values in the fields under it.

Tablesorter filter dropdown options with values different than their labels

Tablesorter automatically builds the the select element for a column filter based on the settings in filter_formatter. Is it possible for tablesorter to set the <option> value attribute to be different than the label in a dropdown <select> filter in tablesorter when using ajax? It seems that tablesorter sets both to be the same.
For example, I'd like to be able to have the following dropdown to filter on languages:
<select>
<option value="en">English</option>
<option value="fr">French</option>
</select>
Using ajax, the two-letter value is used to query the database, but the full language name is better to show users for understandability.
What you have written above should work. When getting the selected value using javascript, find the select element, (call it var selectBox), and then selectBox.value will be the 'value' of the selected element. So if 'English' is what's showing as chosen, selectBox.value will equal 'en'.

Does the DropDownList selected property ever change in html?

I am using mvc3 and have a dropdownlist (using DropDownListFor helper). I set the selected value to my default value. When the user selects a different item, the selected property of that item is not marked as such, i.e. the default value still has the selected property in the rendered html. Is this normal behaviour? If i use jquery and get the ddl val property it is correctly set to the recently selected item...is this just how dropdownlists work? I've checked IE, FF, Chrome and IE doesnt even have a selected property next to the options...
Edit:
Infact ive just tested it with firefox 9 + . It does change the html source with the selected changing place.
<option selected="selected" value="2">(0002) </option>
<option value="3">(0003) </option>
Ensure you are viewing the source of the current(correct) page, and the correct option list. Control + U in Firefox or Chrome.
As you change the dropdownbox, behind the scenes the selected value will have changed. As you have observed. And so submitting etc will use the new selected value.
So its nothing to worry about anyway :)

Resources