Questions on Kendo UI for jQuery Forum

2 answers

129 views

Hi experts,

I'm new to Icenium and Kendo UI Mobile. What I'm doing is passing a value from one listview to another view. In the second view I wanted to show some other details based on the passed parameter. I tried the below but seems not working. Can anyone help????

my html

<div class="buttonArea">
<input type="submit" id="logout" data-role="button" data-bind="click: onLogout, visible: isLoggedIn" class="login-button" value="Logout" />
</div>

<div data-role="view" id="tabstrip-summary" data-title="Job Summary" data-show="showAssignJob">
<div class="buttonArea">

<ul id="jobassignList" class="list-content"
data-source="jobAssignData"
data-endlessScroll="true"
data-template="jobassignTemplate"
data-role="listview"
data-style="inset" data-pull-to-refresh="true" data-fixed-headers="true">
</ul>
</div>

</div>


<script id="jobassignTemplate" type="text/x-kendo-template">
<div>
<a href="\#jobupdateview?jb=#:data.JobNo#"
class="km-listview-link"
data-role="listview-link">
<h2>Pickup: \##=data.JobNo#</h2>
</a>
</div>
</script>


<div id="jobupdateview" data-role="view" data-title="Job Update" data-show="showUpdateJob">
<div class="buttonArea">
<ul id="jobUpdateList" class="list-header" data-source="jobUpdateData" data-template="jobUpdateTemplate" data-role="listview"></ul>

</div>
</div>


<script id="jobUpdateTemplate" type="text/x-kendo-template">
#= renderStatusTemplate(data.JobNo) #
<h3>Pickup: Job\# #=data.JobNo#</h3>
</script>

my js file.

function showUpdateJob(e) {
view = e.view;
var jbn = view.params.jb.toString();
alert(jbn); //value coming correctly
var jobUpdateData = new kendo.data.DataSource(
{
transport: {
read: {
url: varURL + "GetDispatchItem/TD001/OFD/" + jbn, //here I'm passing data to wcf
data: {
Accept: "application/json"
}
}
},
filter: { filters: [{ field: "JobNo", operator: "eq", value: jbn}] }

});

var jobUpdateTemplate = kendo.template($("#jobUpdateTemplate").text());

jobUpdateData.fetch(function () {
var jb =jobUpdateData.at(0);
view.scrolllerContent.html(jobUpdateTemplate(item));
kendo.mobile.init(view.content);
});

}

General Discussions

answered on 17 Jan 2014

1 answer

61 views

Grid filterable date selection

Hi,

How can I change the date format of the filterable column in the KendoGrid?

It's currently MM/dd/yyyy, I need to change it to dd/MM/yyyy.

http://img.ctrlv.in/img/52d88b349bfdd.jpg

Thanks.

Grid

answered on 17 Jan 2014

1 answer

121 views

Floating Stacked Bar

Hi Team,

I have a requirement on the floating stacked bar chart can this be done in Kendo? Please see the attached PNG file. I need to create a chart similar to the attached. It would be great helpful if you could provide with an example.

This has to be done through MVC4 application.

Regards,
Anas

Charts

answered on 17 Jan 2014

3 answers

91 views

Sometimes my grid will refire events

For instance, it might fire the create event on every CRUD event. I cannot say it is always the case, but it appears to normally be re-firing an event that was already fired (and processed).

My grid is bound to a ModelView for the and we actual do the update on the database model, but i always fill in the key on the object that was passed in and then return the modelView.

Below is an example of the grid in my view:

@(

Html.Kendo().Grid<.Models.ConnectionView>()

.Name("ConnectionView")

.Columns(columns =>

{

columns.ForeignKey(c => c.ConnId, Model.All, "Value", "Text").Title("Restriction");

columns.Bound(c => c.MaxEnrollment);

columns.Command(command =>

{

command.Custom("move-up").Text("u").Click("OnMoveUp");//, "Home", new {Area="Sessions",id="#=Id#" });

command.Custom("move-down").Text("d").Click("OnMoveDown");//, "Home", new { Area = "Sessions", id = "#=Id#" });

command.Edit();

command.Destroy();

});

})

.Pageable(page =>

{

page.Enabled(true);

page.Input(false);

page.Numeric(false);

page.PreviousNext(true);

page.Messages(message => message.Empty("There are no records to show. Click the Add button to create a row"));

})

.ToolBar(toolbar => toolbar.Create().Text("Add"))

.Editable(editable => editable.Mode(GridEditMode.InLine))

.DataSource(dataSource => dataSource

.Ajax()

.Events(events =>

{

events.Error("error_handler");

})

.Model(model =>

{

model.Id(m => m.Id);

model.Field(m => m.ConnId).DefaultValue(int.Parse(Model.All.First().Value));

})

.Create(update => update.Action("ConnectionView_Create", "Home"))

.Read(read => read.Action("ConnectionView_Read", "Home"))

.Update(update => update.Action("ConnectionView_Update", "Home"))

.Destroy(update => update.Action("ConnectionView_Destroy", "Home"))

)

Example of my create method:

public ActionResult RestrictionConnectionView_Create([DataSourceRequest] DataSourceRequest request, RestrictionConnectionView connector)

{

var newConn = new OrientationSession_RestrictionConnector();

if (ModelState.IsValid)

{

var restrictionRepo = new EFRepository<Restriction>(_uow);

var restriction = restrictionRepo.GetByKey(connector.RestrictionId);

var repo = new EFRepository<Conn>(_uow);

var session = repo.WhereIncluding(w => w.Id == _WorkingSessionId, i => i.RestrictionConnectors).FirstOrDefault();

if (session != null && restriction != null)

{

newConn.OrientationSessionId = _WorkingSessionId;

newConn.Restriction = restriction;

newConn.MaxEnrollment = connector.MaxEnrollment;

newConn.CreatedBy = User.Identity.Name;

newConn.SequenceNumber = session.RestrictionConnectors == null || session.RestrictionConnectors.Count == 0 ? 1 : session.RestrictionConnectors.Max(m => m.SequenceNumber) + 1;

session.RestrictionConnectors.Add(newConn);

repo.Update(session);

_uow.Commit();

ResetSessionVars();

}

connector.Id = newConn.Id;

return Json(new[] { connector }.ToDataSourceResult(request, ModelState));

}

Thanks,
Logan

Grid

answered on 17 Jan 2014

1 answer

230 views

"Initialization from table" grid in the style (class, align ..) apply

            <table id="grid">
                <colgroup>
                    <col />
                    <col />
                    <col style="width:110px" />
                    <col style="width:120px" />
                    <col style="width:130px" />
                </colgroup>
                <thead>
                    <tr>
                        <th data-field="make" style="text-align:center;">Car Make</th>
                        <th data-field="model">Car Model</th>
                        <th data-field="year">Year</th>
                        <th data-field="category">Category</th>
                        <th data-field="airconditioner">Air Conditioner</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="table-cell" style="text-align: center; font-size: 14px">Volvo</td>
                        <td>S60</td>
                        <td>2010</td>
                        <td>Saloon</td>
                        <td>Yes</td>
                    </tr>
                    <tr>
                        <td>Audi</td>
                        <td>A4</td>
                        <td>2002</td>
                        <td>Saloon</td>
                        <td>Yes</td>
                    </tr>
                </tbody>
            </table>
            <script>
                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        sortable: true
                    });
                });
            </script>

<td class="table-cell" style="text-align: center; font-size: 14px"> application of the central alignment and class, what should I do?

Grid

answered on 17 Jan 2014

3 answers

104 views

Do fixedHeaders work when native scrolling is enabled?

Is the fixedHeaders (#1) option supported in a listview which is located inside a view which has native scrolling enabled (#2)?

#1 http://docs.kendoui.com/api/mobile/listview#configuration-fixedHeaders
#2 http://docs.kendoui.com/api/mobile/view#configuration-useNativeScrolling

As far as I understand native scrolling doesn't trigger virtual mode on a listview, hence it should work fine.

ListView (Mobile)

answered on 17 Jan 2014

1 answer

356 views

filterable - search more than one field

Hello,

first of all thanks for this amazing framework!
I just have one quick question, because I am using your ListView and I would like to search for more than one field. I was reading through your documentation and it seems like there are a few differences in between the Web API and the Mobile API.

function viewInit(e) {

e.view.element.find("#listView").kendoMobileListView({

dataSource: [

{ id: 1, text: "foo" },

{ id: 2, text: "bar" }

],

template: "id: #: id# with text: #: text#",

filterable: [

{ ignoreCase: true, field: "text" },

{ field: "id" }

]

});

}

This theoretically does not work, does it? Or am I doing anything wrong?
I would appreciate any further help!

Edit:
I know I could just use the operator and "contains" and put all the information in one string, but I was just wondering whether such thing was possible or not.

ListView (Mobile)

answered on 17 Jan 2014

1 answer

79 views

Grid Edit

Hi Kendo Team,

I've a Panel bar in my page, and every panel bar has a grid in it. The problem is when I click on the edit button of the grid in the first panel bar and then the edit button of the grid in the second panel bar, the custom editors just goes haywire. Is it possible to have only one grid in edit mode? If I click in the edit button of the second grid, the edit mode of the first grid is cancelled and vice versa.

Please have a look at the image attached.

Thank you
Niroj

Grid

answered on 17 Jan 2014

1 answer

99 views

KendoUi web Combobox binding

Hi,

I am new to Kendo Ui web controls.
I have downloaded Kendo Ui complete package.
I have a KendoUi web combobox which i want to bind.I have added a web service page viz. Webservice.asmx, in which i have function that returns a datatable having 2 columns i.e. DataText column and DataValue column. (which is required for a combobox to bind). But my combobx is not loading at all..please help me on this.
m i on the right track?..OR Is it that i have to return data only in json or xml format? can't we use a datatable?
Please reply soon...its urgent.
I want the app to run on mobile devices.

Thanks,
Shreya

ComboBox

answered on 17 Jan 2014

1 answer

407 views

Styling

On my web site the numeric textbox is black and the regular textbox is white. I want both to be white backgroudn and black font. Does anyone have any suggestions?

HEre is the page.
http://rosatimma.com/classes/Womens-Self-Defense-and-Fitness

NumericTextBox

answered on 17 Jan 2014