Questions on Kendo UI for jQuery Forum

1 answer

192 views

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

118 views

[Solved] 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

380 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

130 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

answered on 26 Nov 2012

1 answer

111 views

Windows Phone Simulator

Hi,

Are you going to support Windows Phone? If yes, then when?

Just let us know...

Thanks

General Discussions

answered on 26 Nov 2012

17 answers

485 views

Editable grid autocompletion

Is it possible to add autocompletion for editable fields in Grid?

Grid

answered on 26 Nov 2012

1 answer

126 views

New record disappears when clicking edit right after adding

Hi,

Please see the attached document. this is a bug report to our software. Please see if there is a way to handle this scenario.

Thanks!

Grid

answered on 26 Nov 2012

3 answers

153 views

Aggregate error: Object doesn't support property or method [count]

Here is my razor code:

Html.Kendo().Grid<KendoDemoMvc.Models.Issue>()

.Name("Issues")

.DataSource(ds => ds.Ajax().ServerOperation(false)

.Read("Issues", "Home")

.PageSize(5)

.Aggregates(aggr =>

{

aggr.Add(o => o.Value).Count();

})

)

.Columns(col =>

{

col.Bound(x => x.Id);

col.Bound(x => x.Name);

col.Bound(x => x.Value)

.ClientGroupHeaderTemplate("(Total: #=count#)")

;

})

.Groupable()

.Selectable()

.Pageable()

.Render()

;

and controller action

public ActionResult Issues([DataSourceRequest]DataSourceRequest request)

{

DataSourceResult result = GetIssues().ToDataSourceResult(request);

return Json(result);

}

I try to group by column Name on UI, but it throws me runtime js error: Object doesn't support property or method [count]
Please help...

Grid

answered on 26 Nov 2012

0 answers

108 views

error: kendoui mobile current url

i can't display a viewport with params. because kendoui always use the remote url.

example: http://demos.kendoui.com/mobile/view/index.html#secondview?id=2

i think this error in ViewEngine:

local = url.charAt(0) === "#",
remote = !local && !url.match(/^([\w\-]+)$/) => always is true

Application

asked on 26 Nov 2012

0 answers

337 views

Pass arguments to dialog

Hello,

i have a question regarding passing arguments to a dialog.
I have a grid with userdata implemented and don't want to use the custom edit function.
The reason is that In my database there are additional infos that don't need to be shown in the datatable, but should be editable in the dialog.

Extract of UserManagement.aspx:

function showEdit (e) {

var wnd = $("#userEdit-form");

initializeWindow(wnd, "Benutzer editieren", "600px");

wnd.data("kendoWindow").open();

}

Extract of EditUser.ascx:

<li>

<label for="firstName"><%=Labels.FirstName %>*</label>

<input type="text" class="k-textbox" id="firstName" name="firstName" value="" required />

</li>

How can I pass the selected user information to the value field of the dialog "EditUser"(In this case the firstname input field)?

Thank u in advance.

Grid

asked on 26 Nov 2012