Telerik Forums
UI for JSP Forum
1 answer
121 views
Hello my name is Carlos Adrian I have trouble integrating KendoUI upload a JSP with Struts web project, I try to mapping my POST request to my Controller but it always empty.
Can anyone help me please?
<!--This is a part of my code on the JSP page-->
<div class="col-sm-12">
  <input type="file" id="attachments" class="id-input-file-2"/>
</div>
<script type="text/javascript">
 
    $(function() {
        $("#attachments").kendoUpload({
            async: {
                saveUrl: "\anexos",
                removeUrl: "\anexos",
                autoUpload: true
            }
        });
         
    }); 
 
</script>
Dimiter Madjarov
Telerik team
 answered on 23 Apr 2014
3 answers
2.1K+ views
We are struggling to bind dynamic columns and there values as a rows to Kendo UI grid, reason is that new columns can be added to table at a later stage and that also needs to be displayed on the grid.
We also need server side paging, sorting and filtering and need to deal with large amount of data.

Its a Spring Rest call from angular JS:
this.executeQuery = function () {
var service = $resource('/searchandreplay/rest/executeQuery', null, { 'save': { method: 'POST', isArray: true}});
service.save(this.registry.activeQuery, function (response) {
console.log('response: ' + response);
});
};
Here response is an json, attached response.json

Want to populate/make visible Kendo Grid on click event of button.  












Vladimir Iliev
Telerik team
 answered on 11 Apr 2014
1 answer
85 views
I have a grid defined in JSP and I need to localize column titles. Is it possible to get values from message resource bundle into column title?
<kendo:grid name="gridId" >
    <kendo:grid-columns>
        <kendo:grid-column title="Column Title 1" field="field1"  />
    </kendo:grid-columns>
</kendo:grid>
I.e. - how to localize "Column Title 1" ?
Atanas Korchev
Telerik team
 answered on 24 Jan 2014
8 answers
210 views
############### remote-data.jsp ###########################

<%@taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:url value="/web/grid/remote-data/read" var="transportReadUrl" />

<kendo:grid name="grid" pageable="true" height="430px" sortable="true" filterable="true" groupable="true">
<kendo:grid-scrollable/>
<kendo:grid-columns>
<kendo:grid-column title="Order ID" field="orderId" width="100px" filterable="false" />
<kendo:grid-column title="Freight" field="freight" width="100px" />
<kendo:grid-column title="Order Date" field="orderDate" format="{0:MM/dd/yyyy}" width="140px"/>
<kendo:grid-column title="Ship Name" field="shipName" />
<kendo:grid-column title="Ship City" field="shipCity" width="150px" />
</kendo:grid-columns>
<kendo:dataSource pageSize="20" serverPaging="true" serverSorting="true" serverFiltering="true" serverGrouping="true">
<kendo:dataSource-transport>
<kendo:dataSource-transport-read url="${transportReadUrl}" type="POST" contentType="application/json"/>
<kendo:dataSource-transport-parameterMap>
function(options){return JSON.stringify(options);}
</kendo:dataSource-transport-parameterMap>
</kendo:dataSource-transport>
<kendo:dataSource-schema data="data" total="total" groups="data">
<kendo:dataSource-schema-model>
<kendo:dataSource-schema-model-fields>
<kendo:dataSource-schema-model-field name="orderId" type="number" />
<kendo:dataSource-schema-model-field name="freight" type="number" />
<kendo:dataSource-schema-model-field name="orderDate" type="date" />
<kendo:dataSource-schema-model-field name="shipName" type="string" />
<kendo:dataSource-schema-model-field name="shipCity" type="string" />
</kendo:dataSource-schema-model-fields>
</kendo:dataSource-schema-model>
</kendo:dataSource-schema>
</kendo:dataSource>
</kendo:grid>

<kendo:dataSource-schema-model-field Name="freight" type="number" /> on this part of the text, but how do you centered? In other words, freight field only "text-align: center;" I want to give the effect.
Jong Woo
Top achievements
Rank 1
 answered on 17 Jan 2014
2 answers
123 views
Hi kendo ui team,
On expand i make post request which returns list from a hashmap depending on requested id. Each rendered list is a nested row inside grid with unique id.
Issue is while expending each row i get only 1st nested row updated with results basically row id reference is missing and grid widget doesn't know which nested row to update. Any suggestions and recommendations appreciated.

here is some code:
JSP
<%               
    HashMap<String, Object> data = new HashMap<String, Object>();
    data.put("itemId", "#=itemId#");
%>
 
<kendo:grid name="item" pageable="true" detailTemplate="template">
    <kendo:dataSource>
        <kendo:dataSource-transport>
            <kendo:dataSource-transport-read url="http://localhost:8080/GrubbyUI/api/items" />
        </kendo:dataSource-transport>
        <kendo:dataSource-schema data="data" total="total" />
    </kendo:dataSource>
    <kendo:grid-columns>
        <kendo:grid-column title="id" field="itemId"></kendo:grid-column>
    </kendo:grid-columns>
</kendo:grid>
 
<kendo:grid-detailTemplate id="template">
    <kendo:grid name="innerData">       
        <kendo:dataSource>
            <kendo:dataSource-transport>
                <kendo:dataSource-transport-read url="http://localhost:8080/GrubbyUI/api/items"
                    data="<%=data %>" type="POST" contentType="application/json "/>
                <kendo:dataSource-transport-parameterMap>       
                    <script>
                         function parameterMap(options) {
                            return JSON.stringify(options);
                         }
                    </script>
                 </kendo:dataSource-transport-parameterMap>                   
            </kendo:dataSource-transport>
        </kendo:dataSource>
        <kendo:grid-columns>
            <kendo:grid-column title="id" field="itemId"></kendo:grid-
           <kendo:grid-column title="Date Added" field="dateAdded"></kendo:grid-column>
        </kendo:grid-columns>           
    </kendo:grid>
</kendo:grid-detailTemplate>
Java servlet:

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
     
    try {
        // objects for keeping data structures
        DataModel result = new DataModel();
        DataSourceResult data = new DataSourceResult();
        Gson gson = new Gson();
 
        data.setData(result.listOfItems());
        data.setTotal(result.getTotal());
         
        response.setContentType("application/json");
        response.getWriter().write(gson.toJson(data));
     
    } catch (Exception e) {
        response.sendError(500);
        e.printStackTrace();
    }
}
 
/**
 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
 */
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 
    Gson gson = new Gson();
           // some random data for testing purposes
    HashMap<String, List<Item>> data = new HashMap<String, List<Item>>(); // response data struct
    List<Item> l1 = new ArrayList<Item>();
    List<Item> l2 = new ArrayList<Item>();
    BufferedReader reader = request.getReader();
     
    String line = reader.readLine();
    Map<String, String> map = gson.fromJson(line, Map.class);
    String selectedId = map.get("itemId");
    System.out.println(selectedId);
 
    // init data var
    Item item1 = new Item("lib", "#1", false, "date");
    Item item2 = new Item("lib 2", "#2", true, "date");
    l1.add(item1);
    l1.add(item2);
    data.put("1", l1);
     
    item1 = new Item("lib 3", "#3", true, "date");
    item2 = new Item("lib 4", "#4", false, "date");
    l2.add(item1);
    l2.add(item2);
    data.put("2", l2);
     
    response.setContentType("application/json");
    response.getWriter().write(gson.toJson(data.get(selectedId)));
}


Alex
Top achievements
Rank 1
 answered on 15 Jan 2014
3 answers
121 views
Have not been modified, as shown in the link below for a sample source in operation.

http://182.225.168.126:8080/web/upload/initialfiles

Well as upload. But I want to do a different server (PC) in the hope that the upload connection.

     <kendo:upload name="files">
         <kendo:upload-async autoUpload="true"
              saveUrl="http://182.225.168.126:8080/web/upload/initialfiles/saveAndPersist"
              />
     </kendo:upload>

When you create a file upload is not as above. How can it possible?

* Attach the test file.
Dimiter Madjarov
Telerik team
 answered on 13 Jan 2014
2 answers
77 views
http://demos.kendoui.com/web/editor/imagebrowser.html

The function of the link, as shown in the following code I want to implement jsp only.

<kendo:editor name="editor" style="width:740px;height:440px">
 <kendo:editor-tools>
     <kendo:editor-tool name="insertImage"/>
   </kendo:editor-tools>
 <kendo:editor-imageBrowser>
  <kendo:editor-imageBrowser-transport
   read="image_read.jsp"
   thumbnailUrl="image_thumbnail.jsp"
   imageUrl="image_url.jsp"
   uploadUrl="image_upload.jsp">
   <kendo:editor-imageBrowser-transport-create type="POST" url="image_create.jsp"/>
   <kendo:editor-imageBrowser-transport-destroy type="POST" url="image_destroy.jsp"/>
  </kendo:editor-imageBrowser-transport>  
 </kendo:editor-imageBrowser>
    <kendo:editor-value></kendo:editor-value>   
</kendo:editor>

Only the implementation of the configuration file as an attachment.

I have seen ImageBrowserDaoImpl.java review due to lack of skills, but it is difficult to develop.

Obviously does not like me using Spring will be a great help for users.

It is difficult to know the claimant asks for writing code.

I'll love Number One KendoUI forever. Thank You.
Jong Woo
Top achievements
Rank 1
 answered on 13 Jan 2014
6 answers
179 views
(core)jsp without using spring only being implemented Binding to remote data.

test.jsp and test_data.jsp search, sorting, paging, try to implement.

############# /test.jsp ########################
<kendo:grid name='grid' pageable='true' sortable='true' filterable='true' columnMenu='true'>
<kendo:grid-columns>
    <kendo:grid-column title='Order ID' field='orderId' />
  <kendo:grid-column title='Ship Country' field='shipCountry' />
  <kendo:grid-column title='Ship Name' field='shipName' />  
  <kendo:grid-column title='Ship Address' field='shipAddress' />        
</kendo:grid-columns>
<kendo:dataSource pageSize='10' serverPaging='true' serverSorting='true' serverFiltering='true'>
    <kendo:dataSource-transport>             
 <kendo:dataSource-transport-read url='/test_data.jsp' type='POST'  contentType='application/json'/>
 <kendo:dataSource-transport-parameterMap>
  <script>
   function parameterMap(options) {     
    return JSON.stringify(options);                   
   }
  </script>
 </kendo:dataSource-transport-parameterMap>               
    </kendo:dataSource-transport>
    <kendo:dataSource-schema data='data' total='total'>
     <kendo:dataSource-schema-model>
  <kendo:dataSource-schema-model-fields>
      <kendo:dataSource-schema-model-field name='orderId' type='number' />
      <kendo:dataSource-schema-model-field name='shipCountry' type='string' />
      <kendo:dataSource-schema-model-field name='shipName' type='string' />
      <kendo:dataSource-schema-model-field name='shipAddress' type='string' />
  </kendo:dataSource-schema-model-fields>
     </kendo:dataSource-schema-model>
 </kendo:dataSource-schema>
</kendo:dataSource>
<kendo:grid-pageable />
</kendo:grid>

############# /test_data.jsp ########################
<%@ page contentType='text/html; charset=utf-8' %>
<%
 response.setContentType('application/json');
%>
{'orderId':'26','shipCountry':'acanet','shipName':'wdkang','shipAddress':'wdkang'},{'orderId':'27','shipCountry':'acanet1','shipName':'wdkang1','shipAddress':'wdkang1'}

test_data.jsp written as above, but of course "No items to display" coming out.

1. How should receive the parameters test_data.jsp?

2. How would you describe the json data test_data.jsp should I do?


In other words,

header('Content-Type: application/json');$request = json_decode(file_get_contents('php://input'));$result = new DataSourceResult('sqlite:../../sample.db');echo json_encode($result->read('Orders', array('ShipName', 'Freight' => array('type' => 'number') , 'OrderDate', 'OrderID', 'ShipCity'), $request));

Pure jsp, php code above if you want to implement, what should I do?
Jong Woo
Top achievements
Rank 1
 answered on 03 Jan 2014
1 answer
74 views
Hi . I have a kendo grid which has batch editing option . Now what i need is On clicking save changes 3 calls are going to server . I need responses to my jsp for each and every cal . For eg if create operation complete means I need a response to my jsp and vice versa fro update and delete . I used requestEnd but it shows response after complete of all the three calls  and also its only the response of first call . If there is any method is present in kendo to trigger a event after completion of each request ??
Vladimir Iliev
Telerik team
 answered on 20 Dec 2013
1 answer
73 views
i have kendo grid with batch editing . By clicking save changes we can do insert , delete  or update operation . Think is in need to get response from my controller to jsp . Like "Succesfully saved the data" . is there is any tag used to get the response from jsp..
Petur Subev
Telerik team
 answered on 19 Dec 2013
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?