Defect in XDK code-generator for select menu - patch in body

[Thepjday_A_]

--- xdk/components/server/ui-builder/ui-builder_repo/resources/toolbar/jquery_mobile/select/select_supporting.js 2016-01-21 09:57:46.000000000 -0500 +++ xdk-fixed/components/server/ui-builder/ui-builder_repo/resources/toolbar/jquery_mobile/select/select_supporting.js 2016-03-27 22:26:45.344384161 -0400 @@ -40,7 +40,7 @@ var templateStr = '

' + '' + - '

' + + '

' + '' + '

' + '

';

[John_H_Intel2]

Please provide steps to reproduce this issue. Did you update to 3088 that was released last week?

[Thepjday_A_]

v3088 XDK contains the same error:

1. Create a JQuery Mobile project
2. Drop a column onto the page
3. Drop a select menu into the column
4. Configure the select menu with an id
5. Run the prototype (emulator, browser, whatever - just to force the file to save)
6. Stop the prototype
7. Examine the code generated for the select menu
8. Actual behavior: The <select> tag will contain: class="" "wide-control"=""
9. Expected behavior: The <select> tag will contain class="wide-control"

​​​This is caused by the erroneous + symbol after the word class (class+"wide-control" instead of class="wide-control") in the tag in the code generator file, select_support.js. The code parser corrected deduces that class+"wide-control" is incorrect and makes the logical but incorrect adjustment - the plus-symbol must be a delimiter and is used to separate the name value pairs which leaves class with no value and "wide-control" with no value. The patch for this file is listed below.

--- xdk/components/server/ui-builder/ui-builder_repo/resources/toolbar/jquery_mobile/select/select_supporting.js        2016-03-21 16:39:12.000000000 -0400
+++ xdk-3088-fixed/components/server/ui-builder/ui-builder_repo/resources/toolbar/jquery_mobile/select/select_supporting.js    2016-04-04 10:20:20.525977011 -0400
@@ -40,7 +40,7 @@
     var templateStr =
       '<div class="table-thing with-label %s" %s>' +
         '<label class="narrow-control"></label>' +
-        '<div data-role="fieldgroup" class+"wide-control">' +
+        '<div data-role="fieldgroup" class="wide-control">' +
           '<select></select>' +
         '</div>' +
       '</div>';

[Thepjday_A_]

Small correction - the class="wide-control" is in the fieldgroup div and not the <select> tag.

[PaulF_IntelCorp]

Thepjday -- the jQuery Mobile framework in the XDK has been deprecated and support will be removed in a future release. Please see this FAQ for recommended frameworks to use with App Designer > https://software.intel.com/en-us/xdk/faqs/app-designer#best-app-designer-framework

[Thepjday_A_]

I am reporting the same update for v3400. Last report states that JQM is not abandoned and XDK is not removing the item from App Designer.

--- xdk/components/server/ui-builder/ui-builder_repo/resources/toolbar/jquery_mobile/select/select_supporting.js      2016-06-26 03:33:54.469317275 -0400
+++ xdk-3400-fixed/components/server/ui-builder/ui-builder_repo/resources/toolbar/jquery_mobile/select/select_supporting.js  2016-06-26 03:32:56.245287085 -0400
@@ -40,7 +40,7 @@
     var templateStr =
       '<div class="table-thing with-label %s" %s>' +
         '<label class="narrow-control"></label>' +
-        '<div data-role="fieldgroup" class+"wide-control">' +
+        '<div data-role="fieldgroup" class="wide-control">' +
           '<select></select>' +
         '</div>' +
       '</div>';