如何使用Django模型在ExtJS网格中获取外键值而不是键？

from rest_framework import serializers
from .models import YourModel, RelatedModel

class YourModelSerializer(serializers.ModelSerializer):
    related_field_name = serializers.CharField(source='related_model.name', read_only=True)

    class Meta:
        model = YourModel
        fields = ['id', 'related_field_name', ...]  # 其他字段

class YourModel(models.Model):
    related_model = models.ForeignKey(RelatedModel, on_delete=models.CASCADE)

    def to_dict(self):
        return {
            'id': self.id,
            'related_field_name': self.related_model.name,
            # 其他字段
        }

columns: [
    { text: 'ID', dataIndex: 'id' },
    { text: 'Related Field Name', dataIndex: 'related_field_name' },
    // 其他列
]

# models.py
from django.db import models

class Author(models.Model):
    name = models.CharField(max_length=100)

class Book(models.Model):
    title = models.CharField(max_length=100)
    author = models.ForeignKey(Author, on_delete=models.CASCADE)

# serializers.py
from rest_framework import serializers
from .models import Book, Author

class BookSerializer(serializers.ModelSerializer):
    author_name = serializers.CharField(source='author.name', read_only=True)

    class Meta:
        model = Book
        fields = ['id', 'title', 'author_name']

Ext.create('Ext.grid.Panel', {
    title: 'Books',
    store: Ext.create('Ext.data.Store', {
        model: 'Book',
        proxy: {
            type: 'ajax',
            url: '/api/books/',  // 假设这是你的API端点
            reader: {
                type: 'json',
                rootProperty: 'results'
            }
        }
    }),
    columns: [
        { text: 'ID', dataIndex: 'id' },
        { text: 'Title', dataIndex: 'title' },
        { text: 'Author Name', dataIndex: 'author_name' }
    ],
    renderTo: Ext.getBody()
});