@giovanni-zomer-1002gmail-com
@giovanni-zomer-1002gmail-com
Forum Replies Created
-
AuthorPosts
-
Giovanni ZomerParticipant
Hi, JoeLaRue,
I’m setting the css to get the whole widthsmart-grid
{
width: 100%;
–smart-background: var(–rows-bg-color);
–label-color: var(–rows-fg-color);
}I understand your problems very well. The components are very well programmed and you can do professional things with them. Unfortunately there is a lack of documentation in each part. You cannot simply find what you’re looking for. The structure of the documentation is unclear. You’ll find some informations here and other ones there. What a programmer really needs is a very short example for each of the property and methods. I know it’s a huge work. But that would make the component very interesting to anyone who gives it a try. If I would not believe this is the right component for my needs, I probably would have left the tests long ago. But the components are really good! It’s just the docs which don’t show the potential of them.
Giovanni ZomerParticipantI think, JoeLaRue described it really well; the point is that the tools are very good but the documentation lacks very much; you can spend hours and hours in testing, “imagining” how this part works, as you will find no help in the documentation and the number of users is too low to go and find the solution or the examples on the internet; I think that investing in a much better documentation could convert much more tester to buyer!
- This reply was modified 2 years, 10 months ago by Giovanni Zomer.
Giovanni ZomerParticipantthanks, I will follow your tips!
Giovanni ZomerParticipantwonderful! thank you very much!
Giovanni ZomerParticipantis there also a way to “bulk update” the data adapter, as I tried to do the wrong way here?
because the actual logic is to build up the structure and then to get data from the server, so hundreds of rows with a few columns; I can do this while initializing and call data from csv or json and so on; but can I also do it after the grid has been created (with no rows at the beginning);
or do I have to insert row by row if I want to do this?
thanks!Giovanni ZomerParticipantthanks! I will for it!
Giovanni ZomerParticipantthank you very much! I will have a detailed look at it!!
Giovanni ZomerParticipantHi, Peter,
I don’t have problems getting the values of the elements in the form; my problem is the “submit”-event; if I look which data are arriving from the submitting form, I find all textboxes and checkboxes (for these ones: only if the are selected), but I don’t get any information about dropdown-select values;
I put here a form-example, changed to submit via GET (instead of normal POST) just to look at the values sent the easier way; as you can see, no one of the selected dropdownlistvalues are submitted;
I’m now working with a workaround without directly submitting the form:
– button calls a js-function
– actual values are read on the client by js
– js submit the calculated data to the server
this works perfectly, but it’s obviously “handmade” and not (as expected) automatically from the component;
so it’s not urgent anymore, but one probably expects to have the job done without “manual corrections” … maybe in one of the next versions?
thanks!<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<script type=”text/javascript” src=”smart.elements.js”></script>
<link rel=”stylesheet” type=”text/css” href=”smart.default.css” />
</head>
<body>
<div id=”content”></div><script language=javascript>
var objFormElements=
[
{
“dataField”: “Descrizione_I”,
“controlType”: “template”,
“label”: “Descrizione”,
“template”: “<input type=text size=50 maxlength=300 class=dataInput value=\”Advertising\”>”,
“labelPosition”: “”,
“name”: “Descrizione_I”,
“custom”: true
},
{
“dataField”: “Codice”,
“controlType”: “template”,
“label”: “Codice”,
“template”: “<input type=text size=20 maxlength=20 class=dataInput value=\”ADV\”>”,
“labelPosition”: “”,
“name”: “Codice”,
“custom”: true
},
{
“name”: “Tipologia”,
“dataField”: “Tipologia”,
“controlType”: “dropdownlist”,
“label”: “Visualizzazione”,
“controlOptions”: {
“dataSource”: [
{
“label”: ” “,
“value”: “0”
},
{
“label”: “Elenco magazine”,
“value”: “182”
},
{
“label”: “Home”,
“value”: “177”
},
{
“label”: “News”,
“value”: “179”
},
{
“label”: “Numero magazine”,
“value”: “183”
},
{
“label”: “Redazione”,
“value”: “178”
},
{
“label”: “Rubriche”,
“value”: “202”
},
{
“label”: “Standard”,
“value”: “181”
}
]
},
“labelPosition”: “”,
“custom”: true
},
{
“dataField”: “Link”,
“controlType”: “template”,
“label”: “Link”,
“template”: “<input type=text size=50 maxlength=300 class=dataInput value=\”\”>”,
“labelPosition”: “”,
“name”: “Link”,
“custom”: true
},
{
“dataField”: “Pos”,
“controlType”: “template”,
“label”: “Posizione”,
“template”: “<input type=text size=5 maxlength=5 class=dataInput value=\”\”>”,
“labelPosition”: “”,
“name”: “Pos”,
“custom”: true
},
{
“name”: “Tipologia_2”,
“dataField”: “Tipologia_2”,
“controlType”: “dropdownlist”,
“label”: “Autore”,
“controlOptions”: {
“dataSource”: [
{
“label”: ” “,
“value”: “0”
},
{
“label”: “test”,
“value”: “54”
},
{
“label”: “test ok”,
“value”: “46”
},
]
},
“labelPosition”: “”,
“custom”: true
},
{
“name”: “Tipologia_3”,
“dataField”: “Tipologia_3”,
“controlType”: “dropdownlist”,
“label”: “Rubrica”,
“value”: “1”,
“controlOptions”: {
“dataSource”: [
{
“label”: ” “,
“value”: “0”
},
{
“label”: “I personaggi”,
“value”: “1”
},
{
“label”: “I viaggi”,
“value”: “6”
}
]
},
“labelPosition”: “”,
“custom”: true
},
{
“dataField”: “-G2”,
“controlType”: “group”,
“columns”: 2,
“controls”: [
{
“dataField”: “is_Group”,
“controlType”: “boolean”,
“label”: “è un raggruppamento”,
“value”: false,
“labelPosition”: “”,
“name”: “is_Group”,
“custom”: true
},
{
“dataField”: “Inattivo”,
“controlType”: “boolean”,
“label”: “inattivo”,
“value”: false,
“labelPosition”: “”,
“name”: “Inattivo”,
“custom”: true
}
],
“labelPosition”: “”,
“name”: “-G2”,
“custom”: true
},
{
“name”: “SAVE”,
“label”: “salva”,
“controlType”: “submit”,
“labelPosition”: “”,
“dataField”: “SAVE”,
“custom”: true
}
];var _tx=”<form name=’formTest’ id=’formTest’ action=’test.html’ method=GET></form>”;
document.getElementById(“content”).innerHTML=_tx;
var objForm=new Smart.Form(“#formTest”,{ controls: objFormElements });</script>
</body>
</html>Giovanni ZomerParticipantI confirm that the actual version 11.0.0 hasn’t this error anymore; I downloaded it just now;
the version downloaded of Dec 1st, which reports exactly the same name, but a different dimension (the zip file of Dec 1st 56.908K, today’s 59.060 K), still had this error;
both versions had been downloaded from <span lang=”BG”>http://www.jqwidgets.com/clientportal</span>
glad that it was solved now! thanks!Giovanni ZomerParticipanthi, Peter!
I downloaded now the latest version (yesterday’s version: I had the one before);
I got the same error;
I now extracted only the part of the code interested to create a stand-alone test, which you’ll find here below;
as I don’t see the global smart.elements.js anymore, I took the single parts to include;
the javascript error raises in the moment one clicks on one of the values on the dropdownlist;
I’m probably doing something wrong, but the few examples I found about it didn’t help me to get the solutions;
thanks in advance for checking it out!<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<script type=”text/javascript” src=”smart.element.js”></script>
<script type=”text/javascript” src=”smart.validator.js”></script>
<script type=”text/javascript” src=”smart.listbox.js”></script>
<script type=”text/javascript” src=”smart.scrollbar.js”></script>
<script type=”text/javascript” src=”smart.dropdownlist.js”></script>
<script type=”text/javascript” src=”smart.form.js”></script>
<link rel=”stylesheet” type=”text/css” href=”smart.default.css” />
</head>
<body>
<form id=’EDIT’></form><script language=javascript>
var objFormElements=[];
objFormElements.push({ dataField:”test-string”, controlType:’template’, label:”this is a string”, template:'<input type=text size=10 maxlength=20>’ });var objDropDownElements=[];
objDropDownElements.push({label:”lbl1″, value:”10″});
objDropDownElements.push({label:”lbl2″, value:”20″});
objDropDownElements.push({label:”lbl3″, value:”30″});objFormElements.push({ dataField:”test-list”, controlType:’dropdownlist’, label:”this is a list”, controlOptions: {dataSource: objDropDownElements} });
objFormElements.push({ dataField:”test-string-2″, controlType:’template’, label:”this is a string2″, template:'<input type=text size=10 maxlength=20>’ });
objFormElements.push({ label:’send via post’, controlType:’submit’ });var objForm=new Smart.Form(‘#EDIT’,{ controls: objFormElements });
</script></body>
</html>December 1, 2021 at 10:27 am in reply to: smart-number-input: how to set width of component? #102613Giovanni ZomerParticipantthanks for your information; unfortunately it could be rather difficult to implement this case, as we build the form dynamically and – at least up to now – we don’t know in advance the max-length and size we need for inputs (as they could be set by the user himself); so we cannot build a style for each possibility as this could be difficult to mantain;
but in the meantime, I found a solution which could be suitable to us, and I’m just testing it;
if I use the template-tag, passing the variable data for size and maxlength…
var objFormElements=[];
…
(looping through values and creating all the input fields with individual and personalized lengths)objElement={ dataField:arrDetail[0], controlType:’template’, label:arrDetail[2], template:'<input type=text size=’+arrDetail[3]+’ maxlength=’+arrDetail[4]+’ class=dataInput>’ };
…
objFormElements.push(objElement);
var objForm=new Smart.Form(‘#EDIT’,{ controls: objFormElements });and it seems it could work (I have to finish the tests, but I’m confident)
thanks for your help!November 30, 2021 at 11:45 am in reply to: smart-number-input: how to set width of component? #102605Giovanni ZomerParticipantbut is there a way to set the width using a property (as in standard html)? otherwise it would be difficult to manage it, as we would like to have one large input and the other small, on the same page; doing it this way seems to request to consider two different styles and this won’t be as easy to manage; is there no way to set the width just for one text-input (or numeric text-input)?
Giovanni ZomerParticipantthank you very much! it worked perfectly!
-
AuthorPosts