Extjs更新表格中的数据

通过Extjs的ajax框架从后台获取数据,然后填入表格的特定单元格

historyStore为含有属性Location的数据存储容器

Ext.getCmp("historyGrid")为获取id为historyGrid的Ext.grid.GridPanel数据表格

function getAjaxLocation(Lgt, Lat, Index) {
    Ext.Ajax.request({
        method: "POST",
        timeout: 5 * 60 * 1000,
        url: "AjaxBack/GPSMonitor.ashx",
        params: {
            t: ‘sendLocation‘,
            Lgt: Lgt,
            Lat: Lat
        },
        success: function (response) {
            //将返回的数据赋给索引为Index的数据
            historyStore.getAt(Index).data.Location = response.responseText;
            //实时更新特定位置的文本内容
            Ext.getCmp("historyGrid").getView().getCell(Index, 6).childNodes[0].innerHTML = response.responseText;
        },
        failure: function (response) {
            Ext.MessageBox.alert(GPSlang.ts);
        }
    });
}
    var historyGrid = new Ext.grid.GridPanel({
        id: "historyGrid",
        region: "south",
        layout: ‘fit‘,
        height: 130,
        store: historyStore,
        cm: historycm,
        stripRows: true,
        autoScroll: true,
        loadMask: false,
        autoDestroy: true,
        border: false,
        listeners: {//双击监听事件
            ‘rowdblclick‘: function (grid, rowIndex, e) {
                var record = grid.getStore().getAt(rowIndex);

                var zoom = document.getElementById(‘routemap‘).contentWindow.getZoom();
                if (zoom < 15) {
                    document.getElementById(‘routemap‘).contentWindow.setZoom(15);
                } else {
                    document.getElementById(‘routemap‘).contentWindow.setZoom(zoom);
                }
                var verdata = _Wars2WgsByAlgorithm.Wgs84Encrypt(parseFloat(record.data.Latitude), parseFloat(record.data.Longitude), ‘baidu‘);
                if (Ext.isFunction(document.getElementById(‘routemap‘).contentWindow.setCenter))
                    document.getElementById(‘routemap‘).contentWindow.setCenter(verdata.Lng, verdata.Lat);
                if (Ext.isFunction(document.getElementById(‘routemap‘).contentWindow.addMarker)) {
                    var tmpdata = record.data;
                    tmpdata.SimId = hisvid;
                    tmpdata.Lng = verdata.Lng;
                    tmpdata.Lat = verdata.Lat;
                    document.getElementById(‘routemap‘).contentWindow.addMarker(hisvid, record.data.Licenseplate, verdata.Lng, verdata.Lat, record.data.Speed, record.data.Direction, record.data.Status);
                }
            }
        }
    });
var historyStore = new Ext.data.ArrayStore({
    fields: ["Licenseplate", "Latitude", "Longitude", "Location", "Speed", "Direction", "Gpstime", "Status", "Jrlc", "Thermometer1", "Thermometer2"]
});
function updatesinglegps1(single) {
    var verdata = _Wars2WgsByAlgorithm.Wgs84Encrypt(parseFloat(single.c), parseFloat(single.b), ‘baidu‘);
    var plate = displayName;
    if (plate.length > 0) {
        getAjaxLocation(single.b, single.c, hisindex);
        if (Ext.isFunction(document.getElementById(‘routemap‘).contentWindow.addMarker)) {//添加地图
            var data = {};
            data.SimId = hisvid;
            data.Licenseplate = plate;
            data.Latitude = single.c;
            data.Longitude = single.b;
            data.Lng = verdata.Lng;
            data.Lat = verdata.Lat;
            //data.Location = single.g;
            data.Speed = single.d;
            data.Direction = getDirectionDesc(single.e);
            data.Angle = single.e;
            data.Gpstime = single.a;
            data.Status = getMonitorTerminalStatus(parseInt(single.f));
            data.Jrlc = single.h;
            data.Thermometer1 = single.t1;
            data.Thermometer2 = single.t2;

            document.getElementById(‘routemap‘).contentWindow.addMarker(data);
        }
        var data = {};
        data.Licenseplate = plate;
        data.Latitude = single.c;
        data.Longitude = single.b;
        data.Location = "";
        //data.Location = single.g;
        data.Speed = single.d;
        data.Direction = getDirectionDesc(single.e);
        data.Angle = single.e;
        data.Gpstime = single.a;
        data.Status = getMonitorTerminalStatus(parseInt(single.f));
        data.Jrlc = single.h;
        data.Thermometer1 = GetThermometer(single.t1);
        data.Thermometer2 = GetThermometer(single.t2);

        document.getElementById(‘routemap‘).contentWindow.drawLine(hisvid, verdata.Lng, verdata.Lat);//地图上历史轨迹划线

        if (Ext.isFunction(document.getElementById(‘routemap‘).contentWindow.setCenter))
            document.getElementById(‘routemap‘).contentWindow.setCenter(verdata.Lng, verdata.Lat);
        //地图放大缩小
        var zoom = document.getElementById(‘routemap‘).contentWindow.getZoom();

        if (zoom < 14) {

            document.getElementById(‘routemap‘).contentWindow.setZoom(14);
        } else {

            document.getElementById(‘routemap‘).contentWindow.setZoom(zoom);
        }
        //显示数据
        var record = new Ext.data.Record(data);
        historyStore.add(record);
        Ext.getCmp("historyGrid").getView().focusRow(hisindex);
    }
}
时间: 2024-10-27 08:17:04

Extjs更新表格中的数据的相关文章

unittest(20)- 自动更新表格中的数据(3)

通过函数获取表格中的手机号 # 1. get_data.py from tools import project_path import pandas as pd class GetData: Cookie = None AddTel = pd.read_excel(project_path.test_case_path, sheet_name="phone").iloc[0, 0] # df = pd.read_excel(project_path.test_case_path, s

mysql5.7基础 更新表格中某列为指定数据的 一行

镇场文:       学儒家经世致用,行佛家普度众生,修道家全生保真,悟易理象数通变.以科技光耀善法,成就一良心博客.______________________________________________________________________________________________________ Operating System:UbuntuKylin 16.04 LTS 64bitmysql: Ver 14.14 Distrib 5.7.17, for Linux (

Java -&gt; 把Excel表格中的数据写入数据库与从数据库中读出到本地 (未完善)

写入: private void insertFile(HttpServletRequest request, HttpServletResponse response) throws IOException { String path_member = request.getParameter("path_member"); List list = this.insert("f:/tmp001.xls", "gs_sale_members");

利用java反射机制实现读取excel表格中的数据

如果直接把excel表格中的数据导入数据库,首先应该将excel中的数据读取出来. 为了实现代码重用,所以使用了Object,而最终的结果是要获取一个list如List<User>.List<Book>等,所以需要使用泛型机制去实现.下面会给出代码,可能会稍微复杂一点,但注释很清晰,希望大家耐心阅读. 在上代码之前简单说一下思路: 1.excel表格必须有表头,且表头中各列的值要与实体类的属性相同: 2.先读取表头信息,然后获取表头列数,接着确定需要使用的set方法的名称,并存到数

jQuery Ajax遍历表格,填充数据,将表格中的数据一条一条拼成Jason数组

$.ajax({ url: baseURL + "InvoiceSale/OnQuotaInvoiceSale", //点击核销单号时,点击核销时,交互的页面               type: "POST",                 data: JSON.stringify(createTable.resultData()),     //JSON传递整个表格数据,得到字符串数组               dataType: "json&q

如何使用免费控件将Word表格中的数据导入到Excel中

我通常使用MS Excel来存储和处理大量数据,但有时候经常会碰到一个问题—我需要的数据存储在word表格中,而不是在Excel中,这样处理起来非常麻烦,尤其是在数据比较庞大的时候, 这时我迫切地需要将word表格中的数据导入到Excel中.相信大家也碰到过同样的问题,下面我就给大家分享一下在C#中如何使用免费控件来实现这一功能.这里,我使用了两个免费API, DocX和Spire.Xls. 有需要的朋友可以下载使用.下载地址: DocX:codeplex官网 Spire.Xls: E-iceb

用原生Dom实现向表格中添加数据

<script> document.getElementById("submit").onclick=function(){ //获取输入节点 var name=document.getElementById("iname"); var email=document.getElementById("iemail"); var addresss=document.getElementById("iaddress");

java读取Excel表格中的数据

1.需求 用java代码读取hello.xls表格中的数据 2.hello.xls表格 3.java代码 package com.test; import java.io.File; import jxl.*; public class ReadExcel{ public static void main(String[] args) { int i; Sheet sheet; Workbook book; Cell cell1,cell2,cell3,cell4,cell5,cell6,cel

用SQL语句向表格中插入数据

向表格中插入数据 SQL语言使用insert语句向数据库表格中插入或添加新的数据行.Insert语句的使用格式如下: insert into tablename (first_column,...last_column) values (first_value,...last_value); 例如: insert into employee (firstname, lastname, age, address, city) values ('Li', 'Ming', 45, 'No.77 Cha