Telerik Forums
UI for ASP.NET MVC Forum
2 answers
1.0K+ views

Hi guys,

I've setup a datepicker, it's showing the selected date properly but I'm having a hard time in sending it towards my controller in the same format it's showing. For some reason it seems to be reverting back from dd/MM/yyyy to MM/dd/yyyy.

Below my script used.

01.<script>
02.    var datepicker;
03.    $(document).ready(function () {
04.        datepicker = $("#datepicker").data("kendoDatePicker");
05. 
06.        $("#btnToReport").click(function () {
07.            $.post("/ShiftReport/ViewReport?datepicker=" + datepicker.value().toLocaleString(), function (data, status) {
08.                if (status === "success") {
09.                    $("#main-content").html(data);
10. 
11.                }
12.            });
13.        });
14.    });
15.</script>

Daniel
Telerik team
 answered on 13 May 2015
4 answers
106 views

Hi all,

we are implementing a grid using asp.net mvc and aspx pages. We are encountering a couple of problems using templates because it seems

that Visual Studio 2013 does not recognize the object implementation correctly. The error returned by Visual Studio is the CS1525:Invalid expression term ')'..  This is our code with the comments..

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteEnvironment.Master" Inherits="System.Web.Mvc.ViewPage<MyApp.Models.EnvTblModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>Environment List</h2>
<%:
Html.Kendo().Grid<MyApp.Models.EnvTblModel>()
    .Name("Grid")
    .BindTo((IEnumerable<MyApp.Models.EnvTblModel>)ViewBag.EnvironmentList)
    .Columns(colList =>
        {

            foreach (var runCol in ViewBag.colSchLst)
            {  

colList.Bound(runCol.TBS_BOUND_FIELD_NAME).Title(runCol.TBS_COLUMN_NAME);
            }
            colList.Bound(p =>
p.TBG_FILLER_CHK01).Template(p =>
            {       /*VISUAL STUDIO GIVES THE ERROR CS1525: Invalid expression term ')' HERE .. */
                %>
                    <strong><%: p.TBG_FILLER_CHK01 %></strong>   //THIS BLOCK SEEMS NOT RECOGNIZED 
                <%
            });
        });
%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>

 

Thank you in advance for your help..

 

Regards

 

 

 

Rosen
Telerik team
 answered on 13 May 2015
1 answer
134 views
<div>
        @using (Html.BeginForm("SignIn", "Account",  FormMethod.Post,  new { @class = "form-horizontal", role = "form", autocomplete="off" }))
        {
            @Html.AntiForgeryToken()
            <dl class="dl-horizontal">
                <dt>
                    @Html.LabelFor(x => x.UserName)
                </dt>
                <dd>
                    @Html.TextBoxFor(x => x.UserName, new {@id="user_name", @disabled="true"})
                </dd>
                <dt>
                    @Html.LabelFor(x => x.Password)
                </dt>
                <dd>
                    @Html.PasswordFor(x => x.Password, new {@id="password", @autocomplete="off" , @disabled="true"})
                </dd>
                <dt>
                    @Html.LabelFor(x => x.StoreNum)
                </dt>
                <dd>
                    @(Html.Kendo().DropDownListFor(x => x.StoreNum)
                    .DataSource(ds => ds
                    .Read(r=> r.Action("GetStoreList", "Account")))
                    .HtmlAttributes(new {@id="store_list",@disabled="true" })
                    )
                </dd>
                <dd>
                    <input type="submit" value="Log in" class="btn btn-default" disabled="true" id="login_button" />
                </dd>
            </dl>
           
        }
    </div>

 

I have a drop down list that reads data from my controller.  I need to enable fields and a button in the UI after the data is loaded into the dropdownlist.  How can I do this?

Kiril Nikolov
Telerik team
 answered on 13 May 2015
1 answer
132 views

Hello,

I would like to catch the grid request i.e. when sorting or grouping via server and execute on some modal dialog when OK clicked. As I understand on requestStart we can perform some actions, but further execution flow will proceed. In my case I would like to display login dialog + some other login selections and if login succeeds, continue with the request. Is it possible?

Thanks

Daniel
Telerik team
 answered on 13 May 2015
5 answers
349 views
Hi,

I have a problem with decimal separators when doing inline editing.
Right now I have a solution that works, but I need more than two digits after the decimal separator:

The model:
[DataType("number")]
public double Percent
{
    get { return (double)Math.Round(source.Percent, 5); }
    set { source.Percent = (decimal)value; }
}

The view:
.Columns(columns =>
{
    columns.Bound(c => c.Percent).Title(Resource.Percent).Format("{0:n5}");

Setting the culture:
var c = '@System.Globalization.CultureInfo.CurrentCulture.ToString()'
kendo.culture(c);

The DataType=number, in the model, formats the inline input box the correct way.
The "Format("{0:n5}")", in the view, formats the number correctly in the grid.
There is no problems when updating the model (model-state is valid), but I need higher precision.

thanks.
Rosen
Telerik team
 answered on 13 May 2015
3 answers
306 views
How do I format the width of the page-sizes button on a grid ??

This is what I have:

.Pageable(p =>
    p.Refresh(true)
    .ButtonCount(10)
    .PageSizes(new[] { 10, 25, 100, 200, 1000 })
    .Input(true)
    )

I have tried the following:
.k-pager-wrap .k-dropdown{
    width: 280px;
}

var ddl = $('[data-role="dropdownlist"]').data("kendoDropDownList");
ddl.list.width(100);

-which only change the width of the dropdown list.
How to change the width of the button itself ??
Thanks.
Bryan
Top achievements
Rank 1
 answered on 12 May 2015
2 answers
4.4K+ views

Hi,

How do I add a default filter on a kendo.grid ?

I have a filter on a boolean, which is working just fine, but I would like TRUE to be the selection by default.

I am quite sure that I have done this before and then removed it again, and now I can't remember howto :-(

I'am aware, that server side operations require more than just setting the default filter selection, but once I have figured out how to set the filter in the view, then I figure out the rest.

So, how to set default filter in the view ??

Thank you in advance.

Jacob
Top achievements
Rank 1
 answered on 12 May 2015
4 answers
81 views

It is probably easy as you might say it is. But the fact remains is that I can not find the solution anywhere.

 Here is my code:

public ActionResult Edit([DataSourceRequest] DataSourceRequest gridRequest, Sub editSub)
        {
            if (ModelState.IsValid) 
            {
                Sub subToUpdate = db.Subs.FirstOrDefault();
                subToUpdate.SFirst = editSub.SFirst;
                subToUpdate.SLast = editSub.SLast;
                subToUpdate.SEmail = editSub.SEmail;
                db.SaveChanges();
            }

            return Json(new[] { editSub }.ToDataSourceResult(gridRequest, ModelState));
        }

Every time I modify a different row the first row gets overwritten. I assume that I nee to specify the ID in here: db.Subs.FirstOrDefault(); 

I cannot find how to?

Dimiter Madjarov
Telerik team
 answered on 12 May 2015
1 answer
277 views

Hi, i use a kendo grid with navigatable option set to true.

When i press tab key the current cell step to next row cell but change event is not fired.

I need to select the row corresponding to the active cell setted when i press tab key.

How to solve?

Thanks

Dimiter Madjarov
Telerik team
 answered on 12 May 2015
2 answers
133 views

I am trying to do an application in which I have three related listviews. The second listview is charged in dependency of the item selected in the first one, and the third depends on the second one. When I select an item I need to pass the controller, the id of this item not its text. It works perfectly in the first listview but reaches an error in the second one.

I copy here my view:

@model PruebaTelerik.Models.CompanyGroupModel

<script type="text/x-kendo-tmpl" id="ListViewTemplate">
<option value="#:Id#">#:Description#</option>
</script>

<script>
function onChange(args) {
var dbConnObj = $("#ListAgrupaciones").data("kendoListView");
var index = dbConnObj.select().index();
var dataItem = dbConnObj.dataSource.view()[index];
var _id = dataItem.Id;
cargarDatos('Companies/LoadCompanies', "#ListCompanies", _id);
}

function cargarDatos(urlEspecifica, listaModificar, _id) {
$.ajax({
url: urlEspecifica,
type: 'POST',
contentType: 'application/json',
dataType: 'json',
data: JSON.stringify({ nombre: _id }),
success: function (nombre) {
$(listaModificar).kendoListView({
dataSource: nombre,
template: kendo.template($("#ListViewTemplate").html())
});

},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("Error: " + XMLHttpRequest.responseText);
}

});

}

function onChangeCompanies(arg) {
debugger;
var objeto = $("#ListCompanies").data("kendoListView");
debugger;
var indice = objeto.select().index();
debugger;
var item = objeto.dataSource.view()[indice];
debugger;
var _id = item.Id;
debugger;
alert(_id);
cargarDatos('Companies/LoadProducts', "#ListProducts", _id);
}

</script>

The controller has this methods:

[HttpPost]
public ActionResult LoadCompanies(string nombre)
{
int ID = -1;
int dummy;
if (Int32.TryParse(nombre, out dummy))
{
ID = dummy;
}
if (ID == 1)
{
nombre = "agrupación1";
}
if (ID == 2)
{
nombre = "agrupación2";
}
SelectListModel selectList;
List<SelectListModel> listAgrupaciones = new List<SelectListModel>();
selectList = new SelectListModel() { Id = 3, Description = nombre + " 1" };
listAgrupaciones.Add(selectList);
selectList = new SelectListModel() { Id = 4, Description = nombre + " 2" };
listAgrupaciones.Add(selectList);
return Json(listAgrupaciones, JsonRequestBehavior.AllowGet);

}

[HttpPost]
public ActionResult LoadProducts(string nombre)
{
int ID = -1;
int dummy;
if (Int32.TryParse(nombre, out dummy))
{
ID = dummy;
}
if (ID == 1)
{
nombre = "compañía1";
}
if (ID == 2)
{
nombre = "compañía2";
}
SelectListModel selectList;
List<SelectListModel> listAgrupaciones = new List<SelectListModel>();
selectList = new SelectListModel() { Id = 1, Description = nombre + " 1" };
listAgrupaciones.Add(selectList);
selectList = new SelectListModel() { Id = 2, Description = nombre + " 2" };
listAgrupaciones.Add(selectList);
return Json(listAgrupaciones, JsonRequestBehavior.AllowGet);
}

 

Could anyone help me? Thanks a lot.









</script>

<article class="col-lg-12 col-md-12">
<span class="moduleTitle">
<span class="titleBox">Compañías</span>
</span>
<div class="articleContent selectMultiple">
<div class="formRow">
<div class="formItem multiple">
<label>Agrupación: </label>
@Html.Kendo().ListView(Model.CompanyGroups).Name("ListAgrupaciones").TagName("select multiple").ClientTemplateId("ListViewTemplate").BindTo(Model.CompanyGroups).Selectable(selectable => selectable.Enabled(true)).Events(events => events.Change("onChange"))
</div>
<div class="formItem multiple">
<label>Compañía: </label>
@*<select multiple>
<option>Compañía 1</option>
<option>Compañía 2</option>
<option>Compañía 3</option>
</select>*@

@Html.Kendo().ListView(Model.Companies).Name("ListCompanies").TagName("select multiple companies").ClientTemplateId("ListViewTemplate").Selectable(selectable => selectable.Mode(ListViewSelectionMode.Single).Enabled(true)).Events(events => events.Change("onChangeCompanies"))

</div>
<div class="formItem multiple ">
<label>Procedencia: </label>
@*<select multiple>
<option>Procedencia 1</option>
<option>Procedencia 2</option>
<option>Procedencia 3</option>
</select>*@

@Html.Kendo().ListView(Model.Products).Name("ListProducts").TagName("select multiple products").ClientTemplateId("ListViewTemplate").Selectable(selectable => selectable.Mode(ListViewSelectionMode.Single).Enabled(true))
</div>
</div>


</div>
</article>

Azahara
Top achievements
Rank 1
 answered on 11 May 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
DateTimePicker
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?