douglara / jquery-datatables-editable

Automatically exported from code.google.com/p/jquery-datatables-editable
0 stars 0 forks source link

Unable to customize buttons #170

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
Using
$(document).ready(function () {
    // make chosen, dialog, and other fancy jquery button things here
    $("#CustomerList").chosen();
    $("#LoBList").chosen();
    $("#BranchList").chosen();
    $("#AccountLabel").chosen();
    var table = $('#LineItemsGrid').dataTable().makeEditable({
        sUpdateURL: "EditLineItem",
        sAddURL: "AddLineItem",
        sDeleteURL: "DeleteLineItem",
        oAddNewRowButtonOptions: {
            label: "Add..."
        },
        oDeleteRowButtonOptions: {
            label: "Remove"
        },
        oAddNewRowOkButtonOptions: {
            label: "Confirm",
            //icons: { primary: 'ui-icon-check' },
            name: "action",
            value: "add-new"
        },
        oAddNewRowCancelButtonOptions: {
            label: "Close",
            class: "back-class",
            name: "action",
            value: "cancel-add",
        },
        oAddNewRowFormOptions: {
            title: 'Add new record',
            show: "blind",
            hide: "explode"
        }
    });

None of the buttons defined above are taking the properties shown. I know it 
reads from beginning to end because the correct controllers are called and the 
form properties are correct, but none of the buttons are showing the correct 
text nor are they taking the jquery UI button look.

What is the expected output? What do you see instead?
[Add...] and [Remove] buttons from everything I can tell should be showing the 
the aforementioned text in jquery ui button format, instead they show as 
[Add][Delete] in regular .NET button format

What version of the product are you using? On what operating system?
Visual Studio 2013 Update 2
.NET Framework 4.5.1
bootstrap.js v3.0.0
Chosen Version 1.0.0
jquery-1.10.2
jQuery UI - v1.11.0
jquery.dataTables.editable.js * Version:     2.3.3
jquery.dataTables 1.10.2
jquery.jeditable.js Version 1.7.1
jQuery Validation Plugin 1.11.1
dataTables.bootstrap.js for Bootstrap 3+ and DataTables 1.10+

Original issue reported on code.google.com by ahids...@gmail.com on 8 Aug 2014 at 5:10

GoogleCodeExporter commented 8 years ago
I'm a dummy, bootstrap.js conflicts with dataTables.bootstrap.js. removing 
bootstrap.js and just using the one version fixed it

Original comment by ahids...@gmail.com on 8 Aug 2014 at 8:37