 Show Posts
|
|
Pages: [1] 2
|
|
3
|
General Category / Bug Report / datebox validation does not behave like validatebox
|
on: September 14, 2011, 11:17:22 AM
|
|
With datebox the validation behaviour differs from validatebox.
For example, with a validatebox, the validation warning does not appear until the user clicks on the field. However, with datebox the validation warning shows up instantly when the form is loaded.
Secondly, when the form is submitted an invalid datebox does not even prevent the form from being submitted.
|
|
|
|
|
4
|
General Category / EasyUI for jQuery / datebox date formatter
|
on: August 18, 2011, 06:48:53 PM
|
|
Does the formatter for datebox work?
I'm simply trying to take a unix time stamp and set the value of the datebox but not having much luck. parse and formatter seem to be non-functional. Even if I just return default values and try to do an alert("does this work") nothing happens.
Also, how can you disable days on the calendar? For example, disable days that are before the current date?
|
|
|
|
|
8
|
General Category / EasyUI for jQuery / Re: dialog gets added to DOM multiple times
|
on: July 31, 2011, 10:40:38 PM
|
|
I have found that if I call $('#dlg').dialog("destroy") before refreshing the panel, it does indeed remove the dialog from the dom.
I would say this should be the default behaviour when refreshing a panel. There are a lot of other components that end up in the body, like the date picker and combo box (if they are not set to inline).
Is there some way to know which components originated from which panel? Maybe a hook in the easyloader, that could keep a relation or something, so that when a panel is refreshed the components added to the bottom of the DOM get automatically destroyed?
Sorry for all the questions. I am really enjoying JQuery Easy UI. It is the best UI library for JQuery I've seen (even better than JQueryUI imho) and it seems to have a nice solid design as well!
|
|
|
|
|
9
|
General Category / EasyUI for jQuery / Re: dialog gets added to DOM multiple times
|
on: July 31, 2011, 09:25:59 PM
|
|
Thanks stworthy,
I actually did try playing around with the inline option, but then the dialog and its modality is constrained to it's parent panel only. I kind of want the modal dialog to block the whole browser window. And it gets cut off if the panel is not as large as the dialog. (see attached screen shot, tried playing with zindex, but I guess it is overflow hidden?)
|
|
|
|
|
11
|
General Category / EasyUI for jQuery / Re: dialog gets added to DOM multiple times
|
on: July 31, 2011, 06:23:13 PM
|
Below is a small example of this. The window in the panel is getting appended to the bottom of the dom, but continuously reloading the panel creates more windows/forms, they even have the same ID. index.html <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function(){ //this works with live(), but is a work-around to the real problem... //$('#dlg-ok-button').live("click", function(){submitForm();}); $('#p').panel({ onLoad : function() { //rebinding button to click here submits all the forms in the dom !!!! $('#dlg-ok-button').click(function() {submitForm();}); var numForms = $('form').length; $('#num-forms').text("Number of forms in the DOM: " + numForms); } }); }); function reloadPanel() { $('#p').panel("refresh", "panel.html"); } function submitForm() { $('#fm').form("submit",{ url: "dopost.php", success: function(result){ alert(result); $('#dlg').dialog("close"); } }); } function showDialog() { $('#dlg').dialog('open').dialog('setTitle','Test Dialog'); } </script> </head> <body> <div> <div id="p" class="easyui-panel" title="Test Panel" style="width:500px;height:150px;padding:10px;" iconCls="icon-save" href="panel.html"> </div> <br /> <a href="#" id="btn" class="easyui-linkbutton" onclick="reloadPanel();">Reload Panel</a> <span id="num-forms"></span> </div> </body> </html> panel.html <a href="#" id="show-dlg-button" class="easyui-linkbutton" onclick="showDialog();">Open Dialog</a> <div id="dlg" class="easyui-dialog" closed="true" modal="true" buttons="#dlg-buttons"> <form id="fm" method="post"> Enter your name<br /> <input type="text" name="name"> </form> </div> <div id="dlg-buttons"> <a href="#" id="dlg-ok-button" class="easyui-linkbutton">OK</a> </div> dopost.php <?php
echo "Success";
?>
|
|
|
|
|
12
|
General Category / EasyUI for jQuery / dialog gets added to DOM multiple times
|
on: July 31, 2011, 10:51:01 AM
|
|
Hi,
I have a panel that I load with the href property, in the panel html I also have a easyui-dialog with a form in it. However, this causes some strange behavior.
When I load the panel, the dialog gets copied to the bottom of the DOM, right above </body>, and it will keep getting duplicated on each panel refresh. If I submit the form then, with $('#fm').form("submit"), the form will get submitted repeatedly for each #fm that appears several times in the DOM.
Is this a bug, or something I am not understanding?
Thanks.
|
|
|
|
|
13
|
General Category / EasyUI for jQuery / hide page contents before UI is rendered?
|
on: July 29, 2011, 12:28:08 PM
|
|
Hi,
I notice that for really complex layouts, when the page first loads before the UI has fully rendered, it's showing the content of the page. Of course since the UI has not fully loaded it looks ugly.
Is there a way I can hide the content of the page until the UI is fully rendered, so that users will never see the non-UI html? I have experimented with setting body to display:none and then doing $('body').show(); when the document is ready, but then the UI components are not sized correctly.
Any ideas?
|
|
|
|
|
14
|
General Category / General Discussion / Unobfuscated source code?
|
on: July 27, 2011, 10:44:25 PM
|
Hi, I am really getting into jQuery Easy UI, seems really great. Is there an unobfuscated version of the source code? In the download version, all the whitespace has been removed, and looks like variable names have been changed E.g _c(url,function(){
_15="loaded";
if(_14=="loaded"&&_15=="loaded"){
_16();
}
});
Simply unreadable. |
|
|
|
|
15
|
General Category / EasyUI for jQuery / Re: propertygrid needs a label
|
on: July 27, 2011, 10:13:03 AM
|
|
Thanks for the reply.
Actually, what I need is an additional field, but I can't seem to get propertygrid to bend to my will.
Say I have a field/key called user_name. I would not want to display "user_name" in the propertygrid, but rather User Name. The label would be the "user presentable" string for the field.
So i'd have:
name = user_name: The actual key/name, probably a database column.
label = User Name: - The user-friendly label of user_name, used ONLY for presentation.
|
|
|
|
|
