关于Coolite从Excel中粘贴记录复制到WEB中实现方法

<script type="text/javascript">
<!--
function pasteData(opGrid)
{
//行分割
var opLineBreak = new RegExp("\\r\\n", "g");

//单元格分割
var opTab = new RegExp("\\t", "g");

//粘贴板数据
var opData = window.clipboardData.getData("text");
//行
var opRows = opData.split(opLineBreak);
var lpRowID;
var opRecord;
var lpRecordIndex;

//表格中结构
var opRecordType = opGrid.store.recordType;

for (var i = 0; i < opRows.length; i ++)
{
var opCells = opRows[i].split(opTab);

opRecord = new opRecordType();
opRecord.data = new Object();

for (var q = 0; q < opRecord.fields.length; q ++)
{
switch (opRecord.fields.items[q].type)
{
case "int":
opRecord.set(opRecord.fields.keys[q], parseInt(opCells[q]));
break;
case "float":
opRecord.set(opRecord.fields.keys[q], parseFloat(opCells[q]));
break;
case "date":
opRecord.set(opRecord.fields.keys[q], Date.parseDate(opCells[q], "Y-m-d"));
break;
default:
opRecord.set(opRecord.fields.keys[q], opCells[q]);
break;
}
}

opGrid.store.add(opRecord);

}
}

function renderDate(zpDateValue)
{
try
{
return Ext.util.Format.date(zpDateValue, "Y-m-d");
}
catch(e)
{
return "";
}
}
//-->
</script>

protected void btnSubmit_Click(object sender, AjaxEventArgs e)
{

string zpGridJSON = e.ExtraParams["Data"];

Dictionary<string, string>[] opGridData = JSON.Deserialize<Dictionary<string, string>[]>(zpGridJSON);
}

代码

<ext:Store ID="StoreCanHuiRen" runat="server">
<Reader>
<ext:JsonReader ReaderID="CanHuiRenID">
<Fields>
<ext:RecordField Name="Name" Type="String" />
<ext:RecordField Name="Cell" Type="String" />
<ext:RecordField Name="Sex" Type="String" />
<ext:RecordField Name="KeShiName" Type="String" />
<ext:RecordField Name="FullHospitalName" Type="String" />
<ext:RecordField Name="CityName" Type="String" />
<ext:RecordField Name="DutyName" Type="String" />

<ext:RecordField Name="ZhiChengName" Type="String" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>

<ext:GridPanel
runat="server"
ID="CanHuiRenGridPanel"
StoreID="StoreCanHuiRen"
Height="280" Header="false" Width="450" >
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:ToolbarButton runat="server" ID="btnPaste" Icon="PastePlain" Text="粘贴">
<Listeners>
<Click Handler="pasteData(#{CanHuiRenGridPanel})" />
</Listeners>
</ext:ToolbarButton>
<ext:ToolbarButton runat="server" ID="btnDelete" Icon="Delete" Text="删除选中">
<Listeners>
<Click Handler="#{CanHuiRenGridPanel}.deleteSelected();if (!#{CanHuiRenGridPanel}.hasSelection()) {#{btnDelete}.disable();}" />
</Listeners>
</ext:ToolbarButton>
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModel1">
<Columns>
<ext:Column DataIndex="Name" Sortable="True" Header="姓名">
<Editor>
<ext:TextField runat="server" ID="TextField5"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="Cell" Sortable="True" Header="手机号">
<Editor>
<ext:TextField runat="server" ID="TextField"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="Sex" Sortable="True" Header="性别">
<Editor>
<ext:TextField ID="TextField1" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="KeShiName" Sortable="True" Header="科室">
<Editor>
<ext:TextField ID="TextField7" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="FullHospitalName" Sortable="True" Header="单位">
<Editor>
<ext:TextField ID="TextField2" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="CityName" Sortable="True" Header="归属地" >
<Editor>
<ext:TextField ID="TextField3" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="DutyName" Sortable="True" Header="职务">
<Editor>
<ext:TextField ID="TextField4" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column DataIndex="ZhiChengName" Sortable="True" Header="职称">
<Editor>
<ext:TextField ID="TextField6" runat="server"></ext:TextField>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" SingleSelect="false" runat="server">
<Listeners>
<RowSelect Handler="#{btnDelete}.enable();" />
<RowDeselect Handler="if (!#{CanHuiRenGridPanel}.hasSelection()) {#{btnDelete}.disable();}" />
</Listeners>
</ext:RowSelectionModel>
</SelectionModel>
</ext:GridPanel>

<Buttons>
<ext:Button ID="SaveButton" runat="server" Text="保存" Icon="Disk">
<AjaxEvents>
<Click OnEvent="btnSubmit_Click">
<ExtraParams>
<ext:Parameter Name="Data" Value="Ext.encode(#{CanHuiRenGridPanel}.getRowsValues(false))" Mode="Raw" />
</ExtraParams>
<EventMask Msg="保存中..." ShowMask="true" />
</Click>
</AjaxEvents>
</ext:Button>
<ext:Button ID="CancelButton" runat="server" Text="关闭窗体" Icon="Cancel">
<AjaxEvents>
<Click OnEvent="btnClose_Click">

</Click>
</AjaxEvents>
<Listeners>
<Click Handler="#{AddCanHuiRensWindow}.hide(null);" />
</Listeners>
</ext:Button>
</Buttons>