@tbettinazziaxioma-it
@tbettinazziaxioma-it
Forum Replies Created
-
AuthorPosts
-
tbettinazzi@axioma.itParticipant
Tks for your answer, however it seems that loading data from a dataSource is faster than create many <smart-list-items> and than I’m in an impasse :
- if I use a dataSource I loose the coloration features I need
- if I use <smart-list-items> I get poor preformances when I’ve large dropdown list
Could You suggest a way to solve that problem ?
Tks
P.S. : Is there some url location where I can see what’s allowed in dataSource and what’s not ?
- This reply was modified 2 years, 3 months ago by tbettinazzi@axioma.it.
- This reply was modified 2 years, 3 months ago by tbettinazzi@axioma.it.
tbettinazzi@axioma.itParticipantAnother question
is it possible to set the classes of single items by dataSource ?
Could You provide an example ?
Tks
tbettinazzi@axioma.itParticipantAnyway I tested
<smart-drop-down-list filterable=”true” filter-mode=”containsIgnoreCase” id=”e47522256″ min-length=”1″ selectionMode=”zeroOrOne” class=”elemento_combobox_valore” name=”e47522256″ selected-indexes=”[4]” required=”” onchange=”mostraAlertMsgOption(this); eseguiRefresh(this);” onfocus=”on_focus(this)”
data-source=[{label: ‘WAM ROMANIA’, value: ‘AF’}, {label: ‘WAM PRODUCT’, value: ‘AA’}]>
</smart-drop-down-list>And I allways get an error :
expected property name or ‘}’ at line 1 column 3 of the JSON data
What’s wrong ?
Tks
- This reply was modified 2 years, 3 months ago by tbettinazzi@axioma.it.
tbettinazzi@axioma.itParticipantName component was set but when appnd to is set to body it is not passed in my tests.
tbettinazzi@axioma.itParticipantTks for your help, I’ll try as soon as possible.
However I need to add, to each value, a class : is it possible with data-source ?
My classes (e.g. bg-1) are defined in this way
.bg-1 .smart-list-item-container {
background-color: blue
}should I change such definitions ?
Tks
tbettinazzi@axioma.itParticipantI tested Your solution and it seemed to work.
However it produces a dramatic effect : my dropdown are within a formĀ and, if i set dropDownAppendTo to body, values of the dropdownlist are not passed back.
I need a different solution.
Could You suggest it ?
Tks
Tullio
tbettinazzi@axioma.itParticipantTabs are not the main cause of the performance problem.
One, but not the only, problem seems to come out from dropdown lists having a lot of list-items.
I’ve a page with only one dropdown list in it with many (more than 100) list items : the page seems to freeze for 2 seconds before it’s shown correctely.
Is there a workaround for that ?
Tks
tbettinazzi@axioma.itParticipantTks but this is not a solution in my environment :
- my page is generated at runtime and then I can’t know a priori how many dropdown list I’ve, nor the id of each, nor how many items in each dropdown list, nor the color of each one and then I can’t use a js to do the job
- not all items should be colored and each one could have its own color
The best solution, if possible, shoud be
<smart-list-item style=”background-color : myCololor;”> or something like that I can generate in a single shot.
Tks
tbettinazzi@axioma.itParticipantTks for the solution, however I don’t know, a priori, the color I should use and then is quite difficult to define all needed classes.
Is it possible to solve it using a style attribute (I can generate it at runtime) ?
The color attribute what is usefull for ?
Tks
tbettinazzi@axioma.itParticipantTks but this again doesn’t solve my issue :
- I don’t know the id of the element (it’s generated at runtime)
- I can’t write nor generate a routine for every element in my form
- it doesn’t give me the exact position/sequence of the element in theĀ form
Tks
tbettinazzi@axioma.itParticipantTks for you help but this approach doesn’t work in a more complex environment.
It’s enough to add a div in whithin and it fails (see below) and in my real environment I’ve many divs or other intermediate objects.
Why we don’t see it in page elements if not checked ?
Tks
<section id=”check-box”>
<div>
<p>Checkboxes allow the user to select multiple options from a set.</p><br />
<p>If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.</p><br />
<p>If you have a single option, avoid using a checkbox and use an on/off switch instead.</p><br />
</div>
<br />
<form>
<div>
<div class=”check-box-container-light”>
<input name=”C0″ type=”hidden”/>
<div>
<smart-check-box checked onChange=”applica(this)” name=”C1″></smart-check-box>
<smart-check-box name=”C2″></smart-check-box>
</div>
</div>
</div>
</form>
</section>- This reply was modified 2 years, 3 months ago by tbettinazzi@axioma.it.
- This reply was modified 2 years, 3 months ago by tbettinazzi@axioma.it.
tbettinazzi@axioma.itParticipantTks for your help but this doesn’t solve the problem.
If You add aonther field to the fom (as in the example) it goes into a js error (e.g. adding an input hidden field).
<section id=”check-box”>
<div>
<p>Checkboxes allow the user to select multiple options from a set.</p><br />
<p>If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.</p><br />
<p>If you have a single option, avoid using a checkbox and use an on/off switch instead.</p><br />
</div>
<br />
<form>
<div>
<div class=”check-box-container-light”>
<input name=”C0″ type=”hidden”/>
<smart-check-box checked onChange=”applica(this)” name=”C1″></smart-check-box>
<smart-check-box name=”C2″></smart-check-box>
</div>
</div>
</form>
</section>- This reply was modified 2 years, 3 months ago by tbettinazzi@axioma.it.
tbettinazzi@axioma.itParticipantAny new about the test case ?
Tks
tbettinazzi@axioma.itParticipantSorry but I don’t understand the difference between my test and Your code : they seems to be identical.
The only difference I see is that You used a typescript version and I use the js version.
Tks
Tullio
tbettinazzi@axioma.itParticipantNo help ?
Tks
-
AuthorPosts