Trabajando con el almacenamiento de GridJs
Trabajando con el almacenamiento de GridJs
el proceso general de archivos
Después de importar un archivo de hoja de cálculo,
GridJs creará un archivo de caché con el UID especificado en la carpeta Config.FileCacheDirectory ,
con el formato de Aspose.Cells.SaveFormat.Xlsx ,
GridJs también guardará todas las formas/imagenes en un archivo de archivo zip en la carpeta Config.PictureCacheDirectory para mostrar más tarde formas/imagenes en la interfaz de cliente.
y después de cada operación de actualización en la interfaz de usuario del cliente,
por ejemplo, establecer el valor de celda, establecer el estilo de celda, etc.,
El cliente-side js de GridJs disparará la acción del controlador para realizar la operación de Actualizar celda.
En esta acción, ocurrirá un guardado de nuevo al archivo de caché durante el método UpdateCell.
// post: /GridJs/UpdateCell
[HttpPost]
public ActionResult UpdateCell( )
{
string p = HttpContext.Request.Form["p"];
string uid = HttpContext.Request.Form["uid"];
GridJsWorkbook gwb = new GridJsWorkbook();
String ret = gwb.UpdateCell(p, uid);
return Content(ret, "text/plain", System.Text.Encoding.UTF8);
}
¿dónde se encuentra realmente el archivo de caché
A. Si implementamos GridCacheForStream y establecemos GridJsWorkbook.CacheImp. por ejemplo, en el siguiente código, podemos simplemente poner y obtener el archivo de caché desde “D:\temp”
Config.FileCacheDirectory=@"D:\temp";
GridJsWorkbook.CacheImp=new LocalFileCache();
public class LocalFileCache : GridCacheForStream
{
/// <summary>
/// Implement this method to savecache,save the stream to the cache object with the key id.
/// </summary>
/// <param name="s">the source stream </param>
/// <param name="uid">the key id.</param>
public override void SaveStream(Stream s, String uid)
{//make sure the directory exist
String filepath = Path.Combine(Config.FileCacheDirectory, uid);
using (FileStream fs = new FileStream(filepath, FileMode.Create))
{
s.Position = 0;
s.CopyTo(fs);
}
}
/// <summary>
/// Implement this method to loadcache with the key uid,return the stream from the cache object.
/// </summary>
/// <param name="uid">the key id</param>
/// <returns>the stream from the cache</returns>
public override Stream LoadStream(String uid)
{//make sure the directory is exist
String filepath = Path.Combine(Config.FileCacheDirectory, uid);;
FileStream fs = new FileStream(filepath, FileMode.Open);
return fs;
}
...
B. Si no establecemos GridJsWorkbook.CacheImp,
GridJs creará y guardará el archivo dentro del Config.FileCacheDirectory, que es el directorio de caché predeterminado que podemos establecer.
cómo obtener el archivo de resultado actualizado
1. un uid especificado para el archivo
Asegúrese de tener una correspondencia de mapeo especificada entre el archivo y el uid,
siempre puede obtener el mismo uid para un nombre de archivo específico, no generado aleatoriamente.
Por ejemplo, simplemente usar el nombre del archivo está bien.
//in controller
...
public ActionResult Uidtml(String filename)
{
return Redirect("~/xspread/uidload.html?file=" + filename + "&uid=" + Path.GetFileNameWithoutExtension(filename));
}
...
public ActionResult DetailFileJsonWithUid(string filename,string uid)
{
String file = Path.Combine(TestConfig.ListDir, filename);
GridJsWorkbook wbj = new GridJsWorkbook();
//check if already in cache
StringBuilder sb= wbj.GetJsonByUid(uid, filename);
if(sb==null)
{
Workbook wb = new Workbook(file);
wbj.ImportExcelFile(uid, wb);
sb = wbj.ExportToJsonStringBuilder(filename);
}
return Content(sb.ToString(), "text/plain", System.Text.Encoding.UTF8);
}
2. sincronizar con la operación de la interfaz de usuario del cliente
En realidad, para algunas operaciones de la interfaz de usuario del cliente,
por ejemplo:
cambiar la hoja activa a otra,
cambiar la posición de la imagen,
rotar/redimensionar la imagen, etc.
la acción UpdateCell no se activará.
Por lo tanto, si queremos obtener el archivo actualizado tal como lo muestra la interfaz de usuario del cliente,
necesitamos realizar una operación de fusión antes de la acción de guardado para sincronizar esas operaciones de la interfaz de usuario del cliente.
//in the js
function save() {
if (!xs.buffer.isFinish()) {
alert('updating is inprogress,please try later');
return;
}
let datas = xs.datas;
delete datas.history;
delete datas.search;
delete datas.images;
delete datas.shapes;
var jsondata = {
sheetname: xs.sheet.data.name,
actrow: xs.sheet.data.selector.ri,
actcol: xs.sheet.data.selector.ci,
datas: xs.getUpdateDatas(),
};
const data = {
p: JSON.stringify(jsondata),
uid: uniqueid,
};
....
//go on to do ajax post to trigger controller action
//in controller action
GridJsWorkbook wb = new GridJsWorkbook();
wb.MergeExcelFileFromJson(uid, p);
//after merge do save to chache or to a stream or whaterver you want to save to ,here we just save to cache
wb.SaveToXlsx(Path.Combine(Config.FileCacheDirectory, uid));
3. obtener el archivo desde la caché
por ejemplo: en la acción de descarga, simplemente puedes obtenerlo desde el directorio de caché por uid.
//in controller
public async Task<IActionResult> DownloadfromBytes(string uid,string ext)
{
byte[] byteArr = await System.IO.File.ReadAllBytesAsync(Path.Combine(Config.FileCacheDirectory, uid) );
string mimeType = "application/octet-stream";
return new FileContentResult(byteArr, mimeType)
{
FileDownloadName = uid+ ext
};
}
Para obtener más información detallada, puedes consultar el ejemplo aquí: https://github.com/aspose-cells/Aspose.Cells-for-.NET/tree/master/Examples_GridJs