Questions on Kendo UI for jQuery Forum

0 answers

189 views

How to orientation tab strip to right.

@(Html.Kendo().TabStrip()

.Name("tabstrip")

.Items(tabstrip =>

{

tabstrip.Add().Text("About Us")

.Content(@<text>

</text>);

tabstrip.Add().Text("Contact Us")

.Content(@<text>

</text>);

})

.SelectedIndex(0)

)

<style>

.k-tabstrip .k-tabstrip-items { padding:0.3em 0.35em 0;}

.k-reset { text-align:right;}

</style>

TabStrip

asked on 27 Nov 2012

1 answer

134 views

attaching event handling to classes within templates

is there any reason why this wouldn't result in a console log upon clicking of the link?

$(".woot").click(function() {
console.log('test');
});

{field: "id", title: "id", template: "<a href='javascript:;' class='woot' id='#= id #' />#= id #</a>"},

Grid

answered on 27 Nov 2012

1 answer

117 views

Date time picker issue in kendo grid (kendoui.complete.2012.2.913_commercial version)

While adding or editing a row in a grid if we select date or time using datepicker or date time picker it is sending wrong date/ time to the controller(Spring MVC controller) .

e.g.

if we select 15 Nov 2012 as date it is sending it as 14 Nov 2012

same as if we select 12:30AM in time it is sending it as 19:00 hrs i.e. 07:00PM

Grid

answered on 27 Nov 2012

1 answer

178 views

Problems Binding CallBack Json Data

Hi,

I'm attempting to create the kendoComboBox on the client side with data passed into a callback javascript method. The control is created, but there seems to be a problem with the databinding. When the page renders, I see the combobox placeholder value, BUT when I click the down arrow, or try to type in the field for autocomplete/filtering nothing happens.

For example I have data coming back from my ajax call like

{"bloomberg": [
        {"id": "1", "account": "my institution bank", "ticker": "BOND_TO_EQY_TICKER"},      

 ]
},
{
"intex": [
        {"id": "1", "type": "RMBS", "category": "CashFlows"},              {"id": "2", "type": "ABS", "category": "CashFlows"} ]
}

initializecontrols = function (data) { 
try 
        { 
            $("#tpgInput").kendoComboBox({                
                dataSource: { 
                    data: data.bloomberg, 
                    type: "json"
                },
                select: onComboBoxSelect,
                dataTextField: "account", 
                dataValueField: "id", 
                placeholder: "Select Bloomberg Account ...", 
                // define custom template 
                template: '<dl>' + 
                              '<dd><strong>Account Name:</strong> ${ data.account }</dd>' +
                              '<dd><strong>Ticker:</strong> ${data.ticker} ' +
                          '</dl>', 
                animation: {
                    open: {
                        effects: "fadeIn",
                        duration: 300
                        show: true 
                    } 
                } 
            }); 
        } 
        catch (err) {
            alert(err.message); 
        } 

When i step through the code I see the data. I'm hoping you can give me some insight into 

what I might be doing wrong.

ComboBox

answered on 26 Nov 2012

2 answers

105 views

Kendo UI For MVC3

I have a few question about how to get that MVC3 version of the Kendo UI. I'm not sure if my account can have that feature. In our company my coworker gave me this account and sent the package which is only have client side JavaScript files. Could please tell me if I can download a copy for MVC3 and where i can download it, or our company's account just available for client side JavaScript library only and we need pay extra money to get the Full so-called MVC3 package.

Thanks.

General Discussions

answered on 26 Nov 2012

4 answers

366 views

Grid client template with upload control

I am using kendo UI web control, i tried to put the upload control inside the ajax binded grid, but it doesn't work within the client template.

Here is the code, please let me know what is the right way to do this.

Thanks in advance!

@(Html.Kendo().Grid<DOC>()
        .Name("docGrid")
         .Columns(
        columns =>
        {
            columns.Bound(p => p.DocID).ClientTemplate("<input type='file' name='docs'/>");
            columns.Bound(p => p.RequiredDocName);
            columns.Bound(p => p.UploadStatus);
        })
       .Pageable()
       .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
       .DataSource(dataSource => dataSource
       .Ajax()

        .PageSize(30)
        .Batch(false)
        .ServerOperation(false)
        // .Events(events => events.Error("errorHandler"))
        .Model(model =>
        {
            model.Id(p => p.DocID);
            model.Field(p => p.RequiredDocName);
            model.Field(p => p.UploadStatus);
        })
        .Read(read => read.Action("Read", "WebApp"))))
</div>

<script type="text/javascript">

$(document).ready(function () {
    $('[name=docs]').kendoUpload(
     {
         async:
             {
                saveUrl: ......
                removeUrl: ........
                autoUpload: true
            },
            upload: onUpload,
            success: onSuccess
     });
});

Grid

answered on 26 Nov 2012

1 answer

116 views

KendoUI Window Stopped Working with kendo.web.min.js v2012.3.1114

My project has two windows and both were working with v2012.2.831, but quit when I replace kenow.web.min.js with v2012.3.1114. It still works in IE, but now FireFox and Chrome.

I think I am using the windos in a normal manner.

I open the window with:
function labelEmail(trackingNumber) {
    var kendoWindow = $("#emailWindow").data("kendoWindow");
    kendoWindow.open();
    kendoWindow.center();
    kendoWindow.toFront();
    //$("#txtLabelEmail_Body").kendoEditor({
    //    width: "300px",
    //    height: "150px"
    //});
}

In Document Ready section I have:
    $("#emailWindow").kendoWindow({
        width: "575px",
        height: "550px",
        visible: false,
        title: "Email Label"
    });

nd I have stripped the window to as little as

<div id="emailWindow" style="position:relative; padding: 5px;" >
<p>Please enter an email address, subject and a brief note to go along with the email.</p>
</div>

I can copy kendo.web.min.js v2012.2.831, refresh and it works. When I put kendo.web.min.js v2012.3.1114 back it stops. No error on the FireFox counsole. I can put breakpoints in and see that the open gets fired, but the screen does not change.

Thanks
Randy Miller

Window