I need to create a component with 2 lists that can I navigate on list 1 and add elements to list 2.
Like this image:
Is there a component like that?
I Checked on Form Select but didn't find.
Thanks!
You can create your own. Add a CSS style ":selected" and when a button is pressed then add the selected one with Vue.
Related
I have a requirement, where I need to show few tabs on selection of a value from a drop down.
I have done this in classic UI. But not sure how to proceed for Touch UI. I know that we can use JQuery, Can anyone let me know the approach I can use.
Its fairly simple, look at the OOTB List Component /libs/foundation/components/list. The selection dropdown is defined - /libs/foundation/components/list/cq:dialog/content/items/column/items/listFrom, look at property class and cq-dialog-dropdown-showhide-target these are used to manage hide and show.
Now from here look at the dropdown values under - /libs/foundation/components/list/cq:dialog/content/items/column/items/listFrom/items these values trigger the hide and show mapping to property showhidetargetvalue as in /libs/foundation/components/list/cq:dialog/content/items/column/items/setDescendants
In my magento site,
I have there drop down list in header, I want to search Or navigate product after last drop down item select. drop down are dependent each other (i mean third depends on second, second depends on first) third drop down are attributes values of the second drop down category item.
it should be work like filters. I have create .phtml file and have added these drop down in header. please help me out.
Thanks in Advance
Customise your layered navigation functionality
An example of layered navigation with your problem
You have 3 attributes:- (Category,Color, Manufacaturer) Color is dependent on category and Manufacturer in Color
So when you pass #cat=5 the ajax call will filter out the products. Also filter out the second dropdown according to available products existing color.. Then similarly pass #cat=5&color=23.... so on
This filteration is already done in layered navigation. You just have to custmise your code to use this in dropdown
:)
Actually I have a DropDownList, Which have values 1,2,3,4,5,6.And Under this some controls 2 RadioButtons,3 CheckBox Group and 4 TextBoxes. When i select value 1 from DropDown These controls display once,when i select value 2 from dropDown , these controls display twice and so on. So how can i do this? Please help anyone . Thanks in Advance.
you can do that with jquery, somthing like this:
jQuery('<div/>').appentTo('#body')
you can achive this in two (or more) way:
add 6 "multiview" controls each of it has an empty view in it and filled view with the desired controls.
If you switch your dropdownlist you can call:
mvMymultiView1.SetActiveView(vShowControls);
mvMymultiView1.SetActiveView(vEmptyView);`
you can place 6 Controls of <asp:placeholder> on your page and fill them dynamically with new Controls at runtime.
I would prefer my first way to achive your target. This is pretty easy cause you can show or hide your controls rly easy and fast without deleting or creating any control at runtime.
I'm trying to build a similar menu like in http://www.gwt-ext.com/demo/#menuButton. But i am using the SmartGWT instead of GWT-Ext and GWT Designer in Eclipse. I have built the SectionStack and add to it 3 sections. My problem is that i do not know what components to add in each section to get the selected items as in the example 'Showcase Explorer' menu of the link. Like the example i want to fill each section with several text lines but if i add just Label components then there are not selectable like in the example (when you view the menu in accordion mode).
Why dont you use http://www.smartclient.com/smartgwt/showcase/#menus_category_treebinding this menu instead?
I have a table generated from database ( basically in MVC view). I want to make it editable. I want to use jquery to hide the row when edit button infront of row is clicked and show the row in edit format which is by default hidden. how can I do this using jquery?
Please suggest solution
Thanks
I was able to accomplish this by tagging the table row with a fake class name, then in the button click events I used jquery's Hide/Show. Like this:
In your edit button click event call this:
$('.trMyRowIWantToHide').hide();
And tag your table row with a fake class like this:
<tr class="trMyRowIWantToHide">
JQuery Show
http://api.jquery.com/show/
JQuery Hide
http://api.jquery.com/hide/
You also may want to make use of div tables for this project instead of actual tables. You selectors such as $("#idofcolumn").toggle(); to hide and show the div or in your case you would probably want to show a text field. You could even .html() to replace the text in a column with a text box. There are several ways to go about this. Check out the JQuery documentation.
http://docs.jquery.com/Main_Page
How exactly is the HTML set up for your rows? Normally you could do $('SELECTOR').toggle() on each of them.