Telerik Forums
UI for ASP.NET MVC Forum
3 answers
521 views

Hi,

In short, I don't want Folders to be inside of Folders. Basically I want root > all folders > files inside of folders

I don't want the possibility of creating a folder when the user is already inside of a folder.

Also, how can I make the method Create to NOT create a folder in the UI?

Even if I have this code inside of the Create method:

return Json(new { success = false, errMess = string.Empty }, JsonRequestBehavior.AllowGet);

In the UI it will still display a folder, although null (undefined, and null properties).

Martin
Telerik team
 answered on 27 Nov 2020
1 answer
131 views

Hi, I recently found out about the Form widget. I like the look-and-feel so far and tried to use it customized editortemplates loaded from gideditmode.popup with template name. The HTML rendered seems to be fine. I see data-bind attribute with correct binding but grid item data is not bound to the form.

Is my approach supported?

Neli
Telerik team
 answered on 26 Nov 2020
10 answers
1.1K+ views
Hello!
I use Combobox  with Ajax Loading.
And I have a question:
1) I have a code:
@model int
            
@(Html.Kendo().ComboBoxFor(x => x)
    .DataTextField("Description")
    .DataValueField("Id")
    .Placeholder("Select")
    .HtmlAttributes(new { style = "width:225px", id = Guid.NewGuid().ToString() })
    .DataSource(databinding => databinding
        .Read(read => read
        .Action("SelectComboboxItems", "Lumber")))
)
2) If I use DropDownListFor instead of ComboBoxFor...everything well works and DropDownList select OptionLabel (because I dont have item with Id = 0)
But If I use ComboboxFor...than I get this...(please see  zero.png)
Why Combobox does this?  I want that combobox set placeholder instead of 0, when I dont have item with Id=0
Petar
Telerik team
 answered on 26 Nov 2020
4 answers
106 views

As I add an identifier to the input of the GRID search box, I need to manipulate that element, in this case I need to put the focus on the element.

 

@(Html.Kendo().Grid<MPaises>()
            .Name("rgvListado")
            .Columns(columns =>
            {
              columns.Bound(c => c.Codigo);
              columns.Bound(c => c.Nombre);
              columns.Bound(c => c.Continente);
            })
            .ToolBar(t => t.Search().Text("Buscar Pais"))
            .Filterable(ftb => ftb.Mode(GridFilterMode.Row))
            .Sortable()
            .Groupable()
            .Selectable(selectable => selectable
              .Mode(GridSelectionMode.Single)
              .Type(GridSelectionType.Row))
            .DataSource(dataSource => dataSource
              .Ajax()
              .ServerOperation(false))
            )

 

best regards

Danny
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 25 Nov 2020
3 answers
670 views

Good day.

I am trying to make a filter to a ListBox, but I have not gotten it to work for me, could you please help

the listBox

@(Html.Kendo().ListBox()
                  .Name("lstBuscarMenu")
                  .HtmlAttributes(new { style = "width:100%;height:700px;"})
                  .DataTextField("Nombre")
                  .TemplateId("customer-item-template")
                  .BindTo(ViewBag.Menus)
                  )

the planitlla
<script id="customer-item-template" type="text/x-kendo-template">
  <span class="k-state-default"><strong>#: data.Nombre #</strong><p style="font-size:0.6rem;">#: data.Seccion #</p></span>
</script>
the javascript
var dataSourceMenu = null;
$("#txtBuscarMenu").keyup(function(e) {
    var texto = $("#txtBuscarMenu").val();
    var grid = $("#lstBuscarMenu").data("kendoListBox");
    if (dataSourceMenu === null) {
        dataSourceMenu = grid.dataItems();
    }
    if (texto.length === 0) {
        grid.setDataSource(dataSourceMenu);
    }
    else {
        grid.setDataSource(dataSourceMenu.find(x => x.Nombre.indexOf(texto) > -1));
    }
});
best regards

Tsvetomir
Telerik team
 answered on 25 Nov 2020
3 answers
440 views

Hi,

Does telerik grid support 3rd ClientDetailTemplateId? I have the templates as below (questionTemplate (1st), questionAnswerTemplate (2nd) and surveyAnswerCommentsTemplate (3rd) ). I've the the questionTemplate and questionAnswerTemplate working. But the surveyAnswerCommentsTemplate template is not being called. I'm trying to display the Comments field in surveyAnswerCommentsTemplate , but Comments field belongs to questionAnswerTemplate.

 

<div class="aamva-center">
    @(Html.Kendo().Grid<AAMVA.Website.Survey.Models.SurveyResponseViewModel>()
        .Name("grid")
        .Scrollable(scrollable => scrollable.Height("auto"))
        .Columns(columns =>
        {
            columns.Bound(p => p.SurveyID);
            columns.Bound(p => p.FullName);
        })
        .ClientRowTemplate(
            "<tr data-uid='#: uid #' class='k-master-row' role='row'><td class='k-hierarchy-cell' aria-expanded='true'><aclass='k-icon k-i-collapse' href='\\#' aria-label='Collapse' tabindex='-1'></a></td>" +
                "<td colspan='2' style='font-size: 14px;'>" +
                      "<div ><span><b>Name :</b></span> #: FullName# </div>" +
                      "<div ><b>Contact Info/Comments :</b> #: Comments# </div>" +
                      "<div ><b>Jurisdiction :</b> #: Jurisdiction# </div>" +
                      //"<div ><b>SurveyResponseID :</b> #: SurveyResponseID# </div>" +
                "</td>" +
             "</tr>"
        )
 
        .ClientDetailTemplateId("questionTemplate")
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(1)
            .Model(model => model.Id(p => p.SurveyID))
            .Read(read => read.Action("GetSurveyResponses", "SurveyUser"))
        )
        .Scrollable()
        .Pageable(pageable => pageable
                    .Refresh(false)
                    .ButtonCount(5))
)
</div>
 
    <script id="questionTemplate" type="text/kendo-tmpl">
        <hr />
        @(Html.Kendo().Grid<AAMVA.Website.Survey.Models.SurveyQuestionViewModel>()
            .Name("grid_#=Jurisdiction#")
             .Scrollable(scrollable => scrollable.Height("auto"))
            .Columns(columns =>
            {
                columns.Bound(o => o.QuestionTextWithSortOrder).HtmlAttributes(new { style = "font-weight:bold;" });
            })
            .ClientDetailTemplateId("questionAnswerTemplate")
            .DataSource(dataSource => dataSource
                .Ajax()
                .Model(model =>
                {
                    model.Id(p => p.SurveyQuestionID);
                    model.Id(p => p.SurveyQuestionTypeID);
 
                })
                .Read(read => read.Action("DetailTemplate_HierarchyBinding_GetQuestions", "SurveyUser", new { surveyID = "#=SurveyID#" }))
            )
            .ToClientTemplate()
    )
    </script>
 
 
    <script id="questionAnswerTemplate" type="text/kendo-tmpl">
 
        @(Html.Kendo().Grid<AAMVA.Website.Survey.Models.SurveyQuestionAnswerViewModel>()
            .Name("grid_#=SurveyQuestionID#")
            .Columns(columns =>
            {
                columns.Bound(o => o.Comments);//.ClientGroupHeaderTemplate("<div>Min: #= Comments #</div>");//.ClientFooterTemplate("<div>Min: #= Comments #</div>");
                columns.Bound(o => o.SelectedAnswer);
            })
            .ClientDetailTemplateId("surveyAnswerCommentsTemplate")
            //.ClientRowTemplate(Html.Partial("_DisplayAnswersForAllQuestionTypes").ToHtmlString())
            .ClientRowTemplate(
                "<tr data-uid='#: uid #' class='k-master-row' role='row' >" +
                    "\\#if( #:SurveyQuestionTypeID# == 1 ){\\#" + //yes/no
                                                                  //  "<td colspan='3'>" +
                        "<td></td><td colspan='2'>" +
                          "\\#if(  Checked == true){\\#" +
                                " <li style='list-style-type:disc; '>" +
                           "\\#}\\#" +
                           "\\#if(  Checked == false){\\#" +
                                " <li style='list-style-type:circle; '>" +
                           "\\#}\\#" +
                         "\\#: SurveyChoiceText\\# " +
                        "</td>" +
                    "\\#}\\#" +
                    "\\#if( #:SurveyQuestionTypeID# == 4 ){\\#" +  // Free text
                        "<td colspan='3'>" +
                            "<div >\\#: SelectedAnswer\\# </div>" +
 
                        "</td>" +
                    "\\#}\\#" +
                    "\\#if( #:SurveyQuestionTypeID# == 2 || #:SurveyQuestionTypeID# == 3){\\#" + //Multi Choice/Select
                        "<td></td><td colspan='2'>" +
                          //"<div > " +
                          "\\#if(  Checked == true){\\#" +
                                " <li style='list-style-type:disc; '>" +
                           "\\#}\\#" +
                           "\\#if(  Checked == false){\\#" +
                                " <li style='list-style-type:circle; '>" +
                           "\\#}\\#" +
                         "\\#: SurveyChoiceText\\# " +
                     //   "\\#: Comments\\# " +  // comments is displayed repeatedly. Wanted to display this only once so displaying in detail template surveyAnswerCommentsTemplate
 
                        //"</div>" +
                        "</td>" +
                    "\\#}\\#" +
                    "\\#if( #:SurveyQuestionTypeID# == 5){\\#" + //Ranking
                        "<td colspan='3'>" +
                         "<div >\\#: SelectedAnswer\\# </div>" +
                        "</td>" +
                    "\\#}\\#" +
                 "</tr>"
            )
            .DataSource(dataSource => dataSource
                .Ajax()
                .Model(model =>
                {
                    model.Id(p => p.SurveyQuestionID);
                    model.Id(p => p.Comments);
 
                })
                .Read(read => read.Action("DetailTemplate_HierarchyBinding_GetQuestionAnswers", "SurveyUser", new { questionID = "#=SurveyQuestionID#", surveyQuestionTypeID = "#=SurveyQuestionTypeID#" }).Data("function() { return getSurveyResponseID('grid_#=SurveyQuestionID#');}"))
            )
            .ToClientTemplate()
    )
 
    </script>
 
 
    <script id="surveyAnswerCommentsTemplate" type="text/kendo-tmpl">
 
        <hr />
 
        <div>KR</div>
        <div>#= Comments # </div> //The Comments field is in the questionAnswerTemplate and SurveyQuestionAnswerViewModel
        @* <div>\\#: Comments \\# </div>*@
    </script>
 

 

public ActionResult DetailTemplate_HierarchyBinding_GetQuestions( [DataSourceRequest] DataSourceRequest request, int surveyID)
{
    var repo = new SurveyRepository();
 
    List<SurveyQuestionViewModel> surveyQuestionsVM = GetQuestions(surveyID);
    DataSourceResult result = surveyQuestionsVM.ToDataSourceResult(request, sq => new SurveyQuestionViewModel
    {
        SortOrder = sq.SortOrder,
        SurveyQuestionID = sq.SurveyQuestionID,
        SurveyQuestionTypeID = sq.SurveyQuestionTypeID,
        SurveyID = sq.SurveyID,
        QuestionText = sq.QuestionText,
        QuestionTextWithSortOrder = sq.QuestionTextWithSortOrder
    });
    // PageSize is not set to 20 sometimes
    return Json(result);
   // return Json(surveyQuestionsVM.ToDataSourceResult(request));
}
 
public ActionResult DetailTemplate_HierarchyBinding_GetQuestionAnswers([DataSourceRequest] DataSourceRequest request, int questionID, int surveyQuestionTypeID, int surveyResponseID)
{
    var repo = new SurveyRepository();
    DataSourceResult result = null;
    // Multiple-Choice Multiple-Select and Ranking Questions
    if ((surveyQuestionTypeID == 2) || (surveyQuestionTypeID == 3))
    {
        List<SurveyQuestionAnswerViewModel> surveyQuestionAnswersVM = GetQuestionAnswers(questionID, surveyResponseID);
         
        result = surveyQuestionAnswersVM.ToDataSourceResult(request, sqa => new SurveyQuestionAnswerViewModel
        {
            SortOrder = sqa.SortOrder,
            SurveyQuestionID = sqa.SurveyQuestionID,
            SurveyChoiceText = sqa.SurveyChoiceText,
            SurveyChoiceID = sqa.SurveyChoiceID,
            Comments = sqa.Comments,
            Checked = sqa.Checked
        });
        return Json(result);
    }
    else if ( surveyQuestionTypeID == 4)  // Yes-No Questions
    {
        List<SurveyQuestionAnswerViewModel> surveyQuestionAnswerVM = GetSurveyAnswer(surveyResponseID, questionID);
        result = surveyQuestionAnswerVM.ToDataSourceResult(request, sqa => new SurveyQuestionAnswerViewModel
        {
            Comments = sqa.Comments,
            SelectedAnswer = sqa.SelectedAnswer,
            SelectedAnswerValue = sqa.SelectedAnswerValue,// has the yes/no answer choice of the response
            Checked = sqa.Checked
        });
        return Json(result);
    }else if(surveyQuestionTypeID == 1)
    {
        List<SurveyQuestionAnswerViewModel> surveyQuestionAnswerVM = GetSurveyAnswer(surveyResponseID, questionID);
 
        List<SurveyQuestionAnswerViewModel> surveyYesNoVM = new List<SurveyQuestionAnswerViewModel>();
        SurveyQuestionAnswerViewModel yesOption = new SurveyQuestionAnswerViewModel();
        yesOption.SurveyChoiceText = "Yes";
        yesOption.Checked = (surveyQuestionAnswerVM[0].SelectedAnswer.ToUpper().Equals("YES")? true: false) ;
        surveyYesNoVM.Add(yesOption);
        SurveyQuestionAnswerViewModel noOption = new SurveyQuestionAnswerViewModel();
        noOption.SurveyChoiceText = "No";
        noOption.Checked = (surveyQuestionAnswerVM[0].SelectedAnswer.ToUpper().Equals("NO") ? true : false);
        surveyYesNoVM.Add(noOption);
 
        result = surveyYesNoVM.ToDataSourceResult(request, syn => new SurveyQuestionAnswerViewModel
        {
            SurveyChoiceText = syn.SurveyChoiceText,
            Checked = syn.Checked,
            Comments = syn.Comments
        });
        return Json(result);
 
   }
    else // Free-text Questions or Ranking 
    {
        List<SurveyQuestionAnswerViewModel> surveyQuestionAnswerVM = GetSurveyAnswer(surveyResponseID, questionID);
        result = surveyQuestionAnswerVM.ToDataSourceResult(request, sqa => new SurveyQuestionAnswerViewModel
        {
            Comments = sqa.Comments,
            SelectedAnswer = sqa.SelectedAnswer,
            Checked = sqa.Checked
        });
        return Json(result);
    }
 
}

 

 

 

Thanks!

 

 

Tsvetomir
Telerik team
 answered on 24 Nov 2020
4 answers
821 views

Hello,

In my Scheduler Event the Title consists of start-end time  followed by description, new line , Adress , New Line , phone number etc.

I am using \r\n for new line but Looks like the Title does not recognize new line characters. I cannot use a fixed template as the fields and where the new line Comes is dynamic.

How can i achieve this.

 

Thanks

 

Anamika

Veselin Tsvetanov
Telerik team
 answered on 24 Nov 2020
1 answer
344 views
I have a combination of Kendo column and line chart. The data has non-zero as well as zero or null values. I want to show tooltip for each bar or point, even if it has zero value. The tooltip displays fine for non-zero values. But fails for zero. I tried using tooltip and seriesHover functions. But nothing works. Please provide a solution for this. I have attached basic Example of the same.
Georgi Denchev
Telerik team
 answered on 23 Nov 2020
1 answer
154 views

Hi,

I need cascading dropdown in grid in cell editing.

i tried in web and i found for for inline editing, but i want it for incell editing.

inline code is not working for incell editing.

sandy
Top achievements
Rank 1
Iron
Veteran
 answered on 23 Nov 2020
16 answers
404 views

Hi,

I have two columns Year and Month, these don't appear in order.

For example they display as Year: 2017, 2018, 2020, 2019. Then the Month: February, January, March, July eyc.

How can i sort these to appear in order?

Thanks,
Lee.

Heiko
Top achievements
Rank 1
Iron
Veteran
 answered on 23 Nov 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?