a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra font-family: sans-serif;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra line-height:18px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra margin: 50px 0px 0px 100px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra font-size:12px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra color: #222;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra margin-bottom:20px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra border-bottom:1px dotted #333;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra #desc span {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra background:#a3350d;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra padding:2px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra color:#f27243;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra .yui3-panel {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra outline:none;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra .yui3-widget-hd {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra font-weight:bold;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra .yui3-panel-content .yui3-widget-bd {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra padding:15px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra margin-right:30px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra border:none;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra input[type="text"] {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra border:none;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra border:1px solid #ccc;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra padding: 3px 7px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra -webkit-border-radius:2px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra -moz-border-radius:2px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra border-radius:2px;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra font-size:100%;
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra width:200px;
84765788c559bfdead67172a79759ac60c77231bTilo Mitra <script type="text/javascript" src="/build/yui/yui-debug.js"></script>
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra <p><input type="button" id="addRow" value="Add"></p>
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra <input type="text" name="id" id="productId" placeholder=""></p>
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra <input type="text" name="name" id="name" value="" placeholder=""></p>
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra <input type="text" name="price" id="price" value="" placeholder="$"></p>
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum pellentesque augue. Vivamus fermentum consectetur elementum. Phasellus egestas, elit eu pretium dictum, tortor lorem ullamcorper justo, iaculis sollicitudin elit leo id leo. Donec mattis urna et eros iaculis sit amet eleifend lectus faucibus. Aenean porta mattis sapien, in varius felis aliquam eget. Donec porta nunc a neque molestie hendrerit. Quisque ultricies accumsan nulla, id semper nisl mattis quis. In hac habitasse platea dictumst. Quisque eu leo tellus, eget dapibus nisl. Vestibulum consequat elementum neque eu viverra.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Praesent ligula odio, tempor vitae varius a, pharetra in massa. Cras a eros non dui egestas sollicitudin vitae non tortor. Ut sodales vestibulum eleifend. Donec porttitor, nisl vel porttitor sagittis, tortor tellus dignissim augue, in sodales felis libero at turpis. Nulla eget tellus justo. Sed id nisl eget nibh molestie dapibus. Suspendisse luctus urna mi, nec mattis augue. Ut et auctor leo. Duis non arcu diam. Aliquam non velit vel lectus vehicula commodo at id nisl. Pellentesque lacinia imperdiet ligula ac convallis. Nulla facilisi. Sed ante nulla, sodales eget auctor sed, consectetur ut lorem. Nunc varius mi id augue pellentesque interdum. Maecenas augue dolor, vehicula vel tempor a, vehicula nec risus. Nulla facilisi. Quisque tellus lacus, rutrum ut pellentesque eget, gravida sodales erat. Sed ac tellus velit, gravida lacinia neque.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Pellentesque fringilla vehicula lectus, ac sollicitudin velit hendrerit in. Nullam id odio ut quam interdum ultricies vel at risus. Morbi fringilla elementum massa, a aliquam nisi faucibus sed. Maecenas non mauris lectus, non pellentesque mauris. Donec at iaculis nibh. In dui lorem, ornare at feugiat lacinia, fermentum at leo. In condimentum volutpat varius. Cras pulvinar nisi a lacus semper vel adipiscing tortor aliquam. Nulla nec risus in lacus semper posuere id et risus. Mauris dictum ipsum diam, quis vulputate tortor. Fusce arcu dolor, varius nec bibendum in, lobortis id dolor. Nulla facilisi. Ut eu laoreet magna.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra In vitae felis ligula. Ut eros velit, convallis posuere vehicula mattis, tristique sed eros. Fusce venenatis vehicula velit nec consequat. Phasellus sed arcu tellus, id feugiat nulla. Mauris metus lorem, bibendum vitae lacinia at, fringilla in eros. Vestibulum ultricies malesuada nulla eu tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean risus ligula, varius in viverra et, semper in ante. Aenean facilisis, tortor a eleifend aliquet, mauris magna eleifend lorem, quis pretium mi lorem a augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi turpis leo, placerat nec faucibus eget, sagittis at turpis. Nam non fermentum leo. Ut pretium, eros ac pharetra suscipit, nibh odio scelerisque urna, a accumsan sem elit eget dui. In pharetra orci sit amet risus venenatis id auctor diam rhoncus.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Nunc tristique purus sed elit varius lobortis. Nulla in erat ac purus porta ultricies. Nullam vitae ullamcorper dolor. Integer non est at arcu fermentum hendrerit. Pellentesque condimentum blandit elit, eu euismod dui scelerisque ac. Nullam dictum bibendum dignissim. Cras cursus euismod vulputate. Fusce placerat tellus ac quam pharetra congue. Vestibulum dapibus, mi vel faucibus sollicitudin, justo sem consequat libero, in tristique ipsum ligula quis metus. Quisque dignissim nulla at nisl blandit pretium. Fusce tempor, enim condimentum ultricies fermentum, neque eros dictum dolor, nec gravida mi ligula nec augue. Sed eu lacus non tortor porttitor gravida in vitae nisi. Praesent sit amet volutpat libero. Mauris accumsan, nulla vel rutrum vulputate, augue ipsum laoreet nulla, eu accumsan neque lorem eget justo.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum pellentesque augue. Vivamus fermentum consectetur elementum. Phasellus egestas, elit eu pretium dictum, tortor lorem ullamcorper justo, iaculis sollicitudin elit leo id leo. Donec mattis urna et eros iaculis sit amet eleifend lectus faucibus. Aenean porta mattis sapien, in varius felis aliquam eget. Donec porta nunc a neque molestie hendrerit. Quisque ultricies accumsan nulla, id semper nisl mattis quis. In hac habitasse platea dictumst. Quisque eu leo tellus, eget dapibus nisl. Vestibulum consequat elementum neque eu viverra.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Praesent ligula odio, tempor vitae varius a, pharetra in massa. Cras a eros non dui egestas sollicitudin vitae non tortor. Ut sodales vestibulum eleifend. Donec porttitor, nisl vel porttitor sagittis, tortor tellus dignissim augue, in sodales felis libero at turpis. Nulla eget tellus justo. Sed id nisl eget nibh molestie dapibus. Suspendisse luctus urna mi, nec mattis augue. Ut et auctor leo. Duis non arcu diam. Aliquam non velit vel lectus vehicula commodo at id nisl. Pellentesque lacinia imperdiet ligula ac convallis. Nulla facilisi. Sed ante nulla, sodales eget auctor sed, consectetur ut lorem. Nunc varius mi id augue pellentesque interdum. Maecenas augue dolor, vehicula vel tempor a, vehicula nec risus. Nulla facilisi. Quisque tellus lacus, rutrum ut pellentesque eget, gravida sodales erat. Sed ac tellus velit, gravida lacinia neque.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Pellentesque fringilla vehicula lectus, ac sollicitudin velit hendrerit in. Nullam id odio ut quam interdum ultricies vel at risus. Morbi fringilla elementum massa, a aliquam nisi faucibus sed. Maecenas non mauris lectus, non pellentesque mauris. Donec at iaculis nibh. In dui lorem, ornare at feugiat lacinia, fermentum at leo. In condimentum volutpat varius. Cras pulvinar nisi a lacus semper vel adipiscing tortor aliquam. Nulla nec risus in lacus semper posuere id et risus. Mauris dictum ipsum diam, quis vulputate tortor. Fusce arcu dolor, varius nec bibendum in, lobortis id dolor. Nulla facilisi. Ut eu laoreet magna.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra In vitae felis ligula. Ut eros velit, convallis posuere vehicula mattis, tristique sed eros. Fusce venenatis vehicula velit nec consequat. Phasellus sed arcu tellus, id feugiat nulla. Mauris metus lorem, bibendum vitae lacinia at, fringilla in eros. Vestibulum ultricies malesuada nulla eu tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean risus ligula, varius in viverra et, semper in ante. Aenean facilisis, tortor a eleifend aliquet, mauris magna eleifend lorem, quis pretium mi lorem a augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi turpis leo, placerat nec faucibus eget, sagittis at turpis. Nam non fermentum leo. Ut pretium, eros ac pharetra suscipit, nibh odio scelerisque urna, a accumsan sem elit eget dui. In pharetra orci sit amet risus venenatis id auctor diam rhoncus.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Nunc tristique purus sed elit varius lobortis. Nulla in erat ac purus porta ultricies. Nullam vitae ullamcorper dolor. Integer non est at arcu fermentum hendrerit. Pellentesque condimentum blandit elit, eu euismod dui scelerisque ac. Nullam dictum bibendum dignissim. Cras cursus euismod vulputate. Fusce placerat tellus ac quam pharetra congue. Vestibulum dapibus, mi vel faucibus sollicitudin, justo sem consequat libero, in tristique ipsum ligula quis metus. Quisque dignissim nulla at nisl blandit pretium. Fusce tempor, enim condimentum ultricies fermentum, neque eros dictum dolor, nec gravida mi ligula nec augue. Sed eu lacus non tortor porttitor gravida in vitae nisi. Praesent sit amet volutpat libero. Mauris accumsan, nulla vel rutrum vulputate, augue ipsum laoreet nulla, eu accumsan neque lorem eget justo.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum pellentesque augue. Vivamus fermentum consectetur elementum. Phasellus egestas, elit eu pretium dictum, tortor lorem ullamcorper justo, iaculis sollicitudin elit leo id leo. Donec mattis urna et eros iaculis sit amet eleifend lectus faucibus. Aenean porta mattis sapien, in varius felis aliquam eget. Donec porta nunc a neque molestie hendrerit. Quisque ultricies accumsan nulla, id semper nisl mattis quis. In hac habitasse platea dictumst. Quisque eu leo tellus, eget dapibus nisl. Vestibulum consequat elementum neque eu viverra.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Praesent ligula odio, tempor vitae varius a, pharetra in massa. Cras a eros non dui egestas sollicitudin vitae non tortor. Ut sodales vestibulum eleifend. Donec porttitor, nisl vel porttitor sagittis, tortor tellus dignissim augue, in sodales felis libero at turpis. Nulla eget tellus justo. Sed id nisl eget nibh molestie dapibus. Suspendisse luctus urna mi, nec mattis augue. Ut et auctor leo. Duis non arcu diam. Aliquam non velit vel lectus vehicula commodo at id nisl. Pellentesque lacinia imperdiet ligula ac convallis. Nulla facilisi. Sed ante nulla, sodales eget auctor sed, consectetur ut lorem. Nunc varius mi id augue pellentesque interdum. Maecenas augue dolor, vehicula vel tempor a, vehicula nec risus. Nulla facilisi. Quisque tellus lacus, rutrum ut pellentesque eget, gravida sodales erat. Sed ac tellus velit, gravida lacinia neque.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Pellentesque fringilla vehicula lectus, ac sollicitudin velit hendrerit in. Nullam id odio ut quam interdum ultricies vel at risus. Morbi fringilla elementum massa, a aliquam nisi faucibus sed. Maecenas non mauris lectus, non pellentesque mauris. Donec at iaculis nibh. In dui lorem, ornare at feugiat lacinia, fermentum at leo. In condimentum volutpat varius. Cras pulvinar nisi a lacus semper vel adipiscing tortor aliquam. Nulla nec risus in lacus semper posuere id et risus. Mauris dictum ipsum diam, quis vulputate tortor. Fusce arcu dolor, varius nec bibendum in, lobortis id dolor. Nulla facilisi. Ut eu laoreet magna.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra In vitae felis ligula. Ut eros velit, convallis posuere vehicula mattis, tristique sed eros. Fusce venenatis vehicula velit nec consequat. Phasellus sed arcu tellus, id feugiat nulla. Mauris metus lorem, bibendum vitae lacinia at, fringilla in eros. Vestibulum ultricies malesuada nulla eu tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean risus ligula, varius in viverra et, semper in ante. Aenean facilisis, tortor a eleifend aliquet, mauris magna eleifend lorem, quis pretium mi lorem a augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi turpis leo, placerat nec faucibus eget, sagittis at turpis. Nam non fermentum leo. Ut pretium, eros ac pharetra suscipit, nibh odio scelerisque urna, a accumsan sem elit eget dui. In pharetra orci sit amet risus venenatis id auctor diam rhoncus.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Nunc tristique purus sed elit varius lobortis. Nulla in erat ac purus porta ultricies. Nullam vitae ullamcorper dolor. Integer non est at arcu fermentum hendrerit. Pellentesque condimentum blandit elit, eu euismod dui scelerisque ac. Nullam dictum bibendum dignissim. Cras cursus euismod vulputate. Fusce placerat tellus ac quam pharetra congue. Vestibulum dapibus, mi vel faucibus sollicitudin, justo sem consequat libero, in tristique ipsum ligula quis metus. Quisque dignissim nulla at nisl blandit pretium. Fusce tempor, enim condimentum ultricies fermentum, neque eros dictum dolor, nec gravida mi ligula nec augue. Sed eu lacus non tortor porttitor gravida in vitae nisi. Praesent sit amet volutpat libero. Mauris accumsan, nulla vel rutrum vulputate, augue ipsum laoreet nulla, eu accumsan neque lorem eget justo.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum pellentesque augue. Vivamus fermentum consectetur elementum. Phasellus egestas, elit eu pretium dictum, tortor lorem ullamcorper justo, iaculis sollicitudin elit leo id leo. Donec mattis urna et eros iaculis sit amet eleifend lectus faucibus. Aenean porta mattis sapien, in varius felis aliquam eget. Donec porta nunc a neque molestie hendrerit. Quisque ultricies accumsan nulla, id semper nisl mattis quis. In hac habitasse platea dictumst. Quisque eu leo tellus, eget dapibus nisl. Vestibulum consequat elementum neque eu viverra.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Praesent ligula odio, tempor vitae varius a, pharetra in massa. Cras a eros non dui egestas sollicitudin vitae non tortor. Ut sodales vestibulum eleifend. Donec porttitor, nisl vel porttitor sagittis, tortor tellus dignissim augue, in sodales felis libero at turpis. Nulla eget tellus justo. Sed id nisl eget nibh molestie dapibus. Suspendisse luctus urna mi, nec mattis augue. Ut et auctor leo. Duis non arcu diam. Aliquam non velit vel lectus vehicula commodo at id nisl. Pellentesque lacinia imperdiet ligula ac convallis. Nulla facilisi. Sed ante nulla, sodales eget auctor sed, consectetur ut lorem. Nunc varius mi id augue pellentesque interdum. Maecenas augue dolor, vehicula vel tempor a, vehicula nec risus. Nulla facilisi. Quisque tellus lacus, rutrum ut pellentesque eget, gravida sodales erat. Sed ac tellus velit, gravida lacinia neque.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Pellentesque fringilla vehicula lectus, ac sollicitudin velit hendrerit in. Nullam id odio ut quam interdum ultricies vel at risus. Morbi fringilla elementum massa, a aliquam nisi faucibus sed. Maecenas non mauris lectus, non pellentesque mauris. Donec at iaculis nibh. In dui lorem, ornare at feugiat lacinia, fermentum at leo. In condimentum volutpat varius. Cras pulvinar nisi a lacus semper vel adipiscing tortor aliquam. Nulla nec risus in lacus semper posuere id et risus. Mauris dictum ipsum diam, quis vulputate tortor. Fusce arcu dolor, varius nec bibendum in, lobortis id dolor. Nulla facilisi. Ut eu laoreet magna.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra In vitae felis ligula. Ut eros velit, convallis posuere vehicula mattis, tristique sed eros. Fusce venenatis vehicula velit nec consequat. Phasellus sed arcu tellus, id feugiat nulla. Mauris metus lorem, bibendum vitae lacinia at, fringilla in eros. Vestibulum ultricies malesuada nulla eu tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean risus ligula, varius in viverra et, semper in ante. Aenean facilisis, tortor a eleifend aliquet, mauris magna eleifend lorem, quis pretium mi lorem a augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi turpis leo, placerat nec faucibus eget, sagittis at turpis. Nam non fermentum leo. Ut pretium, eros ac pharetra suscipit, nibh odio scelerisque urna, a accumsan sem elit eget dui. In pharetra orci sit amet risus venenatis id auctor diam rhoncus.
5267cbf697da3664dc718c6856142af29ead26d3Tilo Mitra Nunc tristique purus sed elit varius lobortis. Nulla in erat ac purus porta ultricies. Nullam vitae ullamcorper dolor. Integer non est at arcu fermentum hendrerit. Pellentesque condimentum blandit elit, eu euismod dui scelerisque ac. Nullam dictum bibendum dignissim. Cras cursus euismod vulputate. Fusce placerat tellus ac quam pharetra congue. Vestibulum dapibus, mi vel faucibus sollicitudin, justo sem consequat libero, in tristique ipsum ligula quis metus. Quisque dignissim nulla at nisl blandit pretium. Fusce tempor, enim condimentum ultricies fermentum, neque eros dictum dolor, nec gravida mi ligula nec augue. Sed eu lacus non tortor porttitor gravida in vitae nisi. Praesent sit amet volutpat libero. Mauris accumsan, nulla vel rutrum vulputate, augue ipsum laoreet nulla, eu accumsan neque lorem eget justo.
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra YUI({filter:"raw"}).use("datatable-base", "panel", "dd-plugin", function(Y) {
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Create the datatable with some gadget information
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra var cols = ["id","name","price"],
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra {id:"ga-3475", name:"gadget", price:"$6.99"},
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra {id:"sp-9980", name:"sprocket", price:"$3.75"},
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra {id:"wi-0650", name:"widget", price:"$4.25"}
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra columnset: cols,
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra recordset: data,
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra summary: "Price sheet for inventory parts",
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra caption: "Price sheet for inventory parts"
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Create the main modal form
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra panel = new Y.Panel({
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra srcNode: "#panelContent",
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra centered: true,
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra visible: false,
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra headerContent: "Add A New Product",
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra addRowBtn = Y.one("#addRow"),
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra nestedPanel;
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Render The Datatable
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Add the footer buttons to the modal form
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra value: "Add Item",
7c8e4396f9846993dbd8fa11e53d3e7e7e8d3ca2Tilo Mitra action: function(e) {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra value: "Remove All Items",
7c8e4396f9846993dbd8fa11e53d3e7e7e8d3ca2Tilo Mitra action: function(e) {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra removeAllItemsConfirm();
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Render the modal form
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //When the addRowBtn is pressed, show the modal form
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra addRowBtn.on('click', function(e) {
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Define the addItem function - this will be called
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //when "Add Item" is pressed on the modal form
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra var addItem = function() {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra id = Y.one('#productId'),
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra name = Y.one('#name'),
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra price = Y.one('#price');
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra id.set("value", "");
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra name.set("value", "");
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra price.set("value", "");
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra dt.set('recordset', data).render();
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Define the removeItems function - this will be called
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //when "Remove All Items" is pressed on the modal form
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //and is confirmed "yes" by the nested panel.
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra var removeItems = function() {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra dt.set('recordset', data).render();
84765788c559bfdead67172a79759ac60c77231bTilo Mitra //Instantiate the nested panel if it doesn't exist, otherwise just show it.
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra var removeAllItemsConfirm = function() {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra if (!nestedPanel) {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra nestedPanel = new Y.Panel({
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra bodyContent: "Are you sure you want to remove all items?",
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra centered:true,
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra value: "Yes",
e64780b4f675937dd55b203de02d49680e206a63Tilo Mitra action : function(e) {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra removeItems();
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra value: "No",
7c8e4396f9846993dbd8fa11e53d3e7e7e8d3ca2Tilo Mitra action: function(e) {
a31d4503481b752a9ea058cce3d9b025d040a87cTilo Mitra }).render('#nestedPanel');